SVG 图标可以用在生产环境吗?有没浏览器不支持?

2020-10-16 11:43:38 +08:00
 nikoo
移动端浏览器与 PC 端目前分别是什么情况?
1930 次点击
所在节点    问与答
10 条回复
xycool
2020-10-16 11:44:28 +08:00
nikoo
2020-10-16 11:45:38 +08:00
@xycool 谢谢,项目本来就不支持 IE8,是不是可以安心上 SVG 了?
xycool
2020-10-16 11:49:28 +08:00
@nikoo #2 如果没有动画效果,问题不大,如果有动效的话可能要再考虑一下了。
nikoo
2020-10-16 12:02:27 +08:00
是普通的静态图标

我看 bilibili 、acfun 首页都用了,是不是目前浏览器基本都兼容了?
imn1
2020-10-16 12:13:10 +08:00
@xycool #3
@nikoo
我觉得相反,如果不是漂浮那种动态,非位图,应该上 svg,可以编程动画,而且 svg 是 xml 文本,可以程序生成
位图就没必要了,只是插入 base64
webshe11
2020-10-16 12:18:53 +08:00
@xycool 没毛病 can i use 就完事了
ETiV
2020-10-16 12:53:45 +08:00
svg 遇到过某些 cdn 识别错误,导致了因为下发的 content type 头是 text/xml 、而无法在浏览器里正常工作的问题
treblex
2020-10-16 13:30:12 +08:00
https://caniuse.com/?search=svg

小程序似乎不支持
kokutou
2020-10-16 13:32:27 +08:00
微信的垃圾内置浏览器呢...
TomVista
2020-10-16 14:22:57 +08:00
微信小程序 svg 可以通过 backgroundimage base64+svg 解决,

不能直接用 svg 标签,

而其他支持 svg 标签的浏览器,都能够兼容小程序解决方案,

目前我是这么处理的..

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/715558

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX