Comment copier et coller un nœud SVG en utilisant jQuery

Question

J'ai du SVG intégré dans une page web et j'ai besoin de copier un nœud SVG particulier (y compris ses enfants), puis le coller dans le DOM. Le seul problème est que le nœud SVG n'apparaît pas après avoir été collé, ce qui est probablement dû au fait que c'est un espace de noms. Alors, comment puis-je copier et coller un nœud SVG avec espace de noms? J'imagine que ce sera une sorte de fonction récursive.

P.S. utilise actuellement la méthode clone() de jQuery pour copier le nœud SVG.

SVG Test:

<g> 

    <rect> 
    <text></text> 

    <g> 

     <circle> 
     <rect> 

    </g> 

</g> 

Comment puis-je ajouter que récursive SVG au DOM, en rappelant que createElementNS doit être utilisé parce que SVG est un espace de noms.

Answer 1

On dirait que la solution peut être acheived en utilisant la fonction .parseXML $ jQuery.

Je vous remercie.

Answer 2

Peut-être créer récursive une copie et créer des éléments en utilisant createElementNS

Comme

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

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