SVG渲染問題

我遇到了一些SVG渲染錯誤，除了Chrome以外的所有瀏覽器。 SVG都嵌入在HTML文件中，所有當前的瀏覽器都支持該文件。但是，大多數瀏覽器的顏色都不對（這只是標準的十六進制顏色），而其他瀏覽器根本無法渲染一些（而其他的則很好）。以下是源文件和屏幕截圖：http://awesomegeek.com/bugreport/bugreport.zip請親自看看，並告訴我您是否可以複製它或提出解決方案。SVG渲染問題

來源

2012-11-02 MrDrMcCoy

恐怕你的html文件無效。您有多個具有相同ID的元素，例如linearGradient id =「a」。我知道它們出現在不同的svg片段中，但是你仍然無法做到這一點，所有的Ids在文件中必須是全局唯一的。我認爲Firefox通過挑選文件中的第一個作爲一個整體來正確地繪製圖標。

來源

2012-11-02 07:36:33

謝謝，它解決了Firefox和IE9中的顏色問題。但是，Safari和Android瀏覽器仍只部分呈現SVG。任何想法爲什麼發生這種情況？這是更新的代碼：http://pastebin.com/9J6bKsvv – MrDrMcCoy

Chrome和Safari使用相同的渲染引擎（Webkit），所以它可能會在一些新的Safari中運行。 Safari的更新頻率低於Chrome，我相信最新的Safari需要一個相當新的Mac OS。我猜測和Android一樣。 –

嗯，這很糟糕，但它回答了我的問題。我想我現在必須堅持使用JPEG。不管怎麼說，還是要謝謝你。 – MrDrMcCoy

回答

相關問題