圖形SVG文件在瀏覽器中顯示爲空白的任何想法？

我有一個在Illustrator中創建的svg文件，其中包含一個模式 - 它是使用色板工具製作的。當我嘗試在本地加載時，它在瀏覽器中顯示爲空白。圖形SVG文件在瀏覽器中顯示爲空白的任何想法？

這裏的文件，如果你想測試一下：http://d.pr/ZvhV

2012-02-21 theNewman

「瀏覽器」？哪一個？ – 2012-02-22 14:37:15

我試過的每個瀏覽器。 – theNewman 2012-02-23 14:29:32

它在Firefox和Opera中適用於我，並且在Chromium中失敗。如果您具體說明哪些瀏覽器無法使用它，這仍然很不錯。 – 2012-02-23 15:34:37

瀏覽器有不同的SVG的支持水平，使您的瀏覽器可能只是不支持的模式。

如果它是網站的一部分，我只會將它導出爲PNG，因爲無論如何，這種大小的矢量圖像會讓遊客的電腦無法訪問。

2012-02-22 02:56:38

嗨克里斯，不幸的是它必須是一個SVG文件，因爲我正在使用它與顏色選擇器。在Chrome/Safari中，我保存的所有其他svg文件都可以正常打開。它似乎只是這一個。 – theNewman 2012-02-23 14:30:19

希望你能對此問題進行排序，但對於有此問題的其他人：檢查Illustrator中保存爲.svg的設置。

標準設置給了我一個空白.SVG，但是當我的設置弄亂（字體類型：SVG，CSS屬性：樣式屬性，輸出較少的元素不加以控制，包括XMP選中）它工作得很好。

請注意，在網站上使用.svg是可以的，只要你有一個不支持它們的瀏覽器回退。我相信modernizr（http://modernizr.com/）涵蓋了設置。

2013-04-11 11:11:24 Rev

回答