显示 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> 是块级元素。
上一篇:基金小常识


下一篇:如何在代码里添加并使用阿里巴巴矢量图标-iconfont,在此常用有三种引入方法