如何通过<use>标签使用整个SVG?

时间:2019-04-01 09:40:52

标签: html svg

我有一个刚从Figma导出的SVG文件。

  1. 我不想内联它,因为它已在多个地方使用。
  2. 我无法将其指定为<img src="...">,因为我需要设置其各个部分的样式。

所以我试图这样包含它:

<svg>
  <use xlink:href="http://example.com/myshape.svg"></use>
</svg>

但是它不起作用。 MDN states

  

<use>元素从SVG文档中获取节点,并将其复制到其他位置。

它从文档中取出个节点。使用SVG子画面时,您具有<symbol>个具有id属性的标签,并通过添加<use>来引用xlink:href="mysprite.svg#symbolid"。但是,在这里我需要使用整个文档,即根节点。有办法吗?

如果我不必编辑源SVG文件,这也很棒,因为该文件是由用户通过管理面板上传的。这只是从任何矢量图形程序中导出的文件。

0 个答案:

没有答案