Thorsten Sperber: eingebettetes SVG-Dokument zurücksetzen/leeren

Beitrag lesen

Hi,

in einer Webanwendung beschreibe ich eine SVG-Datei in einem Browser, genauer gesagt steht die SVG-Datei mit embed im Code.

<embed name="svgDrawing" width="750" height="300" src="svg-template.svg" type="image/svg+xml" id="svgWindow" />

Diese Datei bearbeite ich mit JS. Das Problem, das ich habe, ist das Löschen bzw. Leeren. Die Datei ist zunächst leer, und ich muss die Datei auch wieder dahin zurücksetzen können. Folgender Code sollte das für mich tun:

  
function clearSVG()  
 {  
 // lausiger Versuch ;)  
 //document.getElementById("svgWindow").src = "svg-template.svg";  
  
 var svgns="http://www.w3.org/2000/svg";  
 var svgdoc=document.embeds["svgDrawing"].getSVGDocument();  
 var svgroot=svgdoc.documentElement;  
  
 // JQuery-Funktion, leider nur für html?  
 $("#svgWindow").empty();  
  
  
 // Kontrollausgabe  
 var string = (new XMLSerializer()).serializeToString(svgroot);  
 // alert(string);  
 debug_log(string);  
  
 // zeigt mir den Finger...argh  
 for (var i=0; i<svgroot.childNodes.length; i++)  
  {  
  svgroot.removeChild(svgroot.childNodes[i]);  
  }  
 }  

Leider funktionierts nicht...es entfernt die Elemente brockenweise.
Wie gehts noch? Danke :)

gruß, Thorsten