我有一个刚从Figma导出的SVG文件。
<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文件,这也很棒,因为该文件是由用户通过管理面板上传的。这只是从任何矢量图形程序中导出的文件。