一些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"); 
}