移动端svg不显示问题解决

移动端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!