某些SVG符号在浏览器中不可见

时间:2014-09-18 15:57:19

标签: css html5 svg symbols

我正在使用带有符号声明的生成的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

1 个答案:

答案 0 :(得分:1)

如果您将icon.svg文件加载到浏览器中,则会报告错误。例如,在Chrome中它说:

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

你的第二个符号有一个带有&#34;草图的属性:&#34;命名空间。该命名空间未在任何地方定义。如果删除此属性,我希望您的测试将开始工作。