某些SVG符號在瀏覽器中不可見

我正在使用帶有符號聲明的生成SVG文件，而且我的頁面僅顯示工作表中的第一個符號。試圖找出如何讓所有的符號顯示，使用的語法如下：某些SVG符號在瀏覽器中不可見

<svg role="img" class="icon icon-code" title="Icon: HTML Brackets"> 
    <use xlink:href="icons.svg#code"></use> 
</svg>

這是一個測試案例：http://plnkr.co/edit/oSG6bdeK6AHrdfUyBTop?p=info

這裏是一個成功的例子：https://dl.dropboxusercontent.com/u/46814417/svgtest/index.html

來源

2014-09-18 Jon

我有[Python解決方案]（http://pastebin.com/RiXH4NNn）[剛剛刪除的問題]（http://stackoverflow.com/questions/30735170/match-a-string-containing-在逗號分隔列表中）關於使用正則表達式分割逗號分隔字符串。希望這可以幫助。 – pzp 2015-06-09 15:44:06

如果您加載icon.svg文件到您的瀏覽器中，您會收到錯誤報告。例如，在Chrome中說：

error on line 8 at column 87: Namespace prefix sketch for type on path is not defined

您的第二個符號具有帶有「sketch：」命名空間的屬性。該名稱空間沒有在任何地方定義。如果您刪除此屬性，我希望您的測試將開始工作。

來源

2014-09-18 17:36:50

釘牢它。剛剛添加svgmin到我的構建過程中，一切都恢復正常。好的趕上！ – Jon 2014-09-19 01:54:52

某些SVG符號在瀏覽器中不可見

回答

相關問題