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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 1531 天前的主题，其中的信息可能已经有所发展或是发生改变。

移动端浏览器与 PC 端目前分别是什么情况？

10 条回复 • 2020-10-16 14:22:57 +08:00

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 via iPhone

svg 遇到过某些 cdn 识别错误，导致了因为下发的 content type 头是 text/xml 、而无法在浏览器里正常工作的问题

treblex

2020-10-16 13:30:12 +08:00

kokutou

2020-10-16 13:32:27 +08:00

微信的垃圾内置浏览器呢...

TomVista

2020-10-16 14:22:57 +08:00

微信小程序 svg 可以通过 backgroundimage base64+svg 解决,

不能直接用 svg 标签,

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

目前我是这么处理的..