将外部SVG精灵文件加载到HTML中

时间:2015-04-17 16:05:40

标签: svg

我有这个SVG数据,我希望将其存储在外部文件中并将其加载,最好的做法是什么?所以我可以利用它来加载svgs,例如:

<svg class="icon icon-heart"><use xlink:href="#icon-heart"></use></svg></span>

1 个答案:

答案 0 :(得分:0)

此后,事情发生了一些变化。

到目前为止,您可以从外部文件中调用它,如下所示:

<svg><use xlink:href="external.svg#icon-heart"></use></svg>

像这样将外部svg加载到我们的HTML中:

<object type="image/svg+xml" data="external.svg" width="0" height="0"></object>

注意:这种方法在IE中不起作用