3

我正在使用 gulp-sprite 尝试将 svgs 加载到样式指南中。我已经创建了 icon.svg,但是当我尝试使用 xlink:href 在不同的 HTML 文件中显示它们时,svg 没有显示。影子根是空的。

我尝试了多种方法,这在 Edge 中有效,但在其他浏览器中无效。我什至让它工作,包括精灵,但将它隐藏在 html 中。

<!-- icon in html -->
<svg>
  <use xlink:href="assets/images/icons.svg#BlueCard"></use>
</svg>

<!-- external svg file -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewBox="0 0 72 64" id="BlueCard"><path d=...></symbol></svg>

我希望图标在那里并且阴影根不为空。应该包括路径

4

0 回答 0