Cómo copiar y pegar nodo SVG usando jQuery

Question

Tengo un SVG incrustado en una página web y necesito copiar un nodo SVG particular (incluidos sus elementos secundarios), y luego lo vuelvo a pegar en el DOM. El único problema es que el nodo SVG no aparece después de ser pegado, lo cual es probablemente debido a que está espaciado de nombres.

Entonces, ¿cómo puedo copiar y pegar un nodo SVG con espacios de nombres? Me imagino que será una especie de función recursiva.

P.S. Actualmente utiliza el método clone() de jQuery para copiar el nodo SVG.

prueba SVG:

<g> 

    <rect> 
    <text></text> 

    <g> 

     <circle> 
     <rect> 

    </g> 

</g> 

¿Cómo puedo añadir de forma recursiva que SVG al DOM, recordando que createElementNS debe usarse porque SVG es un espacio de nombres.

Answer 1

parece que la solución se puede lograr mediante el uso de la función $ .parseXML de jQuery.

Gracias.

Answer 2

Tal vez de forma recursiva crear una copia y crear elementos usando createElementNS

Como

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

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