移动端svg不显示问题解决

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/huaqishen123/article/details/88734878

移动端svg不显示问题解决

情况如此:

之前app因为png体积太大的问题,将一下图片改成了svg。一直都可以使用。但当chrome更新了webview之后(73+版本),发现原本可以显示的svg就不显示了

svg使用方式:在css样式中直接引用svg数据

background-image:url('data:image/svg+xml;utf8,<svg ...')

 

解决办法:

将svg数据单独保存在image文件下的bg.svg,然后在css样式中该用引用svg文件的方式:

background-image:url('image/bg.svg')

 

ps:这是我找到的一个解决办法,在网上好像还看到其他的。如有更好的办法,望共同交流进步。Best wishes!

展开阅读全文

没有更多推荐了,返回首页