Per Javascript etwas in SVG eingefügt - Wird nicht dargestellt.

[manticor]

Hallo,

ich habe mit bescheidenen Kentnissen ein <line>-Tag per Javascript in in ein <svg>-Tag eingefügt.

var musterSvgObj = {  
    name : "rect",  
	attributes : {x1:"0",y1:"200", x2:"700", y2:"200", stroke: "black", "stroke-width" : "20px"},  
	content : "Test"  
	}

Obiges Objekt habe ich per document.createElement(o.name) erzeugt und als Child über appendChild() in ein svg-Tag eingefügt, dann die Attribute per setAttribute gesetzt.

Im Firebug sieht das auch wunderbar aus:

  
<svg id="leinwand" width="700px" height="300px" viewBox="0 0 700 300">  
 <line x1="0" y1="200" x2="700" y2="200" stroke="black" stroke-width="20px"/>  
 </svg>

Im eigentlichen Seitenquelltext fehlt line aber komplett. Wie es scheint, wird das Element also nicht gerendert nach dem Einfügen. Wie packe ich das Problem an, um die Linie (nachträglich) zu zeichnen?

Vielen Dank!