使用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的元素，而無需任何其他工作。