一些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/）可以防止旧的浏览器差呈现或隐藏displayin元素g a png而不是这样：

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