【问题标题】:Some SVG symbols not visible in browser一些 SVG 符号在浏览器中不可见
【发布时间】:2014-11-13 01:39:00
【问题描述】:

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

【问题讨论】:

标签: css html svg symbols


【解决方案1】:

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

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

您的第二个符号有一个带有“sketch:”命名空间的属性。该名称空间未在任何地方定义。如果您删除此属性,我希望您的测试将开始工作。

【讨论】:

  • 成功了。刚刚将 svgmin 添加到我的构建过程中,一切都恢复正常。不错的收获!
猜你喜欢
  • 2018-12-02
  • 1970-01-01
  • 2021-04-09
  • 2014-09-16
  • 1970-01-01
  • 2013-06-25
  • 2023-03-27
  • 2023-03-06
  • 2012-09-21
相关资源
最近更新 更多