显示 svg 在 Safari 下面显示模糊的解决办法


<img> 来显示 svg 在 Chrome 下是没问题的,但在 Safari 下会出现显示模糊的问题,解决办法是用 <object> 来代替 <img>

<object type="image/svg+xml" data="path/to/svg.svg" width="...px" height="...px" />

PS:

  • type 可以省略不写,浏览器会自己推断;
  • widthheight 必须要有一个,否则会不显示;
  • <img> 是行内元素,<object> 是块级元素。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM