用 <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>
是块级元素。