移动端svg不显示问题解决

博客主要讲述移动端app因png体积大将图片改成svg,一直正常显示。但Chrome更新webview到73+版本后,原本能显示的svg不再显示。其svg使用方式是在css样式中直接引用svg数据,解决办法是将svg数据单独保存为文件,在css中引用该文件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值