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

Question

我能够加载一些SVG并使用以下命令将它们（节点）附加到DOM元素：

$names

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

[[index]] container.appendChild( fragment.node.cloneNode(true) );

......这不起作用，我认为它是因为let myElement = fragment.select( '#elementID' );是一个元素，而不是一个片段。 container.appendChild( myElement.node.cloneNode(true) );显示的标记未被SVG元素包装。

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

Answer 1

继续假设你的＆＃34;来源＆＃34; SVG包含在文档中，如果您选择它，您实际上并不需要任何特殊的东西。

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

这将＆＃34;克隆＆＃34;具有给定ID的元素，无需任何进一步的努力。