某些SVG文件不适用于Safari

Question

我通过adobe illustrator创建了SVG文件。但是这些文件在Safari上不起作用。它适用于Chrome和Firefox。

您可以在此网站上看到：https://www.communityinviter.com/

Answer 1

Safari在svg渲染上仍有一些问题，尝试将嵌入标记从img更改为：

<iframe src="your-svg.svg"></iframe>
<embed src="your-svg.svg" type="image/svg+xml"></embed>
<object data="your-svg.svg" type="image/svg+xml"></object>

或者只是尝试将您的svg内联：

<svg width:"10%" xmlns="http://www.w3.org/2000/svg">
</svg>

或使用js modernizr库（https://modernizr.com/），您可以防止旧的浏览器错误渲染或隐藏显示png的元素：

if (!Modernizr.svg) {
    $(".yourimg").attr("src", "images/svg.png");
}