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