用 <img> 显示 svg 在 Safari 下面显示模糊的解决办法

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

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

PS：

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

标签：解决办法,显示,元素,svg,模糊,Safari
来源： https://www.cnblogs.com/yinyuxing/p/15796991.html