使用SnapSVG将内部SVG元素附加到DOM元素

Question

我可以使用以下方法加载一些SVG并将它们（节点）附加到DOM元素：

container.appendChild( fragment.node.cloneNode(true) );

现在，如果我想做同样的事情，但是只加载一个SVG文件并从中提取节点，例如：

let myElement = fragment.select( '#elementID' ); container.appendChild( myElement.node.cloneNode(true) );

...那是行不通的，我myElement是因为myElement是元素而不是片段。 myElement.node显示未由SVG元素包装的标签。

如何将SVG元素包装在myElement周围，​​以便可以将其附加到另一个DOM元素？

Answer 1

继续假设您的“源” SVG包含在文档中，这就是您选择它的方式，实际上您不需要任何特殊的东西。

<svg viewBox="[appropriate values here]">
    <use xlink:href="#elementID" />
</svg>

这将“克隆”具有给定ID的元素，而无需任何其他工作。