Come copiare e incollare il nodo SVG utilizzando jQuery

Question

Ho un file SVG incorporato in una pagina Web e devo copiare un nodo SVG particolare (inclusi i suoi figli), quindi incollarlo di nuovo nel DOM. L'unico problema è che il nodo SVG non appare dopo essere stato incollato, il che probabilmente è dovuto al fatto che è un namespace.

Quindi, come posso copiare e incollare un nodo SVG con nomi assegnati? Immagino che sarà una sorta di funzione ricorsiva.

P.S. attualmente usando il metodo clone() di jQuery per copiare il nodo SVG.

test SVG:

<g> 

    <rect> 
    <text></text> 

    <g> 

     <circle> 
     <rect> 

    </g> 

</g> 

Come posso aggiungere che in modo ricorsivo SVG al DOM, ricordando che createElementNS dovrebbe essere usato perché SVG è namespace.

Answer 1

sembra la soluzione può essere acheived utilizzando la funzione $ .parseXML di jQuery.

Grazie.

Answer 2

Forse ricorsivamente creare una copia e creare elementi utilizzando createElementNS

Come

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

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