Jak skopiować i wkleić węzeł SVG przy użyciu jQuery

Question

Mam niektóre SVG osadzone w stronie internetowej i trzeba skopiować konkretny węzeł SVG (w tym jego dzieci), a następnie wkleić go z powrotem do DOM. Jedynym problemem jest to, że węzeł SVG nie pojawia się po wklejeniu, co prawdopodobnie wynika z tego, że jest on podany z nazwami.

Jak więc skopiować i wkleić węzeł SVG z osadzonym identyfikatorem? Wyobrażam sobie, że będzie to funkcja rekursywna.

P.S. obecnie używa metody clone() jQuery do skopiowania węzła SVG.

test SVG:

<g> 

    <rect> 
    <text></text> 

    <g> 

     <circle> 
     <rect> 

    </g> 

</g> 

Jak mogę dodać, że rekursywnie SVG do DOM, pamiętając, że createElementNS powinny być stosowane, ponieważ SVG przestrzeni nazw.

Answer 1

wydaje się, że rozwiązanie można osiągnąć za pomocą funkcji jQuery $ .parseXML.

Dziękuję.

Answer 2

Może rekursywnie utworzyć kopię i tworzyć elementy używając createElementNS

Jak

$(mySvg).append(document.createElementNS("http://www.w3.org/2000/svg", "circle")); 

(od Is it possible to work with jquery and Svg directly (no plugins)?)