Beat: HTML5 + XML + JS, Wald Bäume

Beitrag lesen

SELF-Forum

HTML5 + XML + JS, Wald Bäume

Beat Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo

Folgender Testcase funktioniert wunderbar

(keine Scriptausführung)

<!DOCTYPE html>  
<html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />  
<title>Planer-Test</title>  
<link rel="stylesheet" type="text/css" href="mobaplaner.css" />  
</head>  
<body>  
<section id="canvas">  
<svg xmlns="http://www.w3.org/2000/svg" width="200px" height="100px">  
   <rect x="10" y="10" width="100" height="100" fill="red"></rect>  
</svg>  
</section>  
</body>  
</html>

Der Fall mit JS generiertem SVG aber versagt

  • beim rect-Element (wird nicht angezeigt)

der fragliche Script-Auszug

_CP.svg=createEl('svg',{  
   'xmlns':_V.svgNS,  
   version:"1.1",  
   id:'svg'+_V.CP,  
   width:_CP.canvas.x+"px",  
   height:_CP.canvas.y+"px",  
   style:"width:"+_CP.canvas.x+"px;height:"+_CP.canvas.y+"px",  
  }  
);  
_CP.svg.appendChild(  
  createEl('rect',{  
     x:"10", y:"10", width:"100", height:"100", fill:'red'  
  })  
);  
_R.canvas.appendChild(_CP.svg);

Die Elemente und Attribute werden alle im DOM erzeugt.

createEl() sieht so aus:

function createEl(el,attr){  
  var e = document.createElement(el);  
  if(attr) for(var i in attr){ e.setAttribute(i, attr[i]); }  
  return e;  
}

Vielleicht sieht jemand den Wald, oder die Bäume...

mfg Beat

--
><o(((°>           ><o(((°>
   <°)))o><                     ><o(((°>o
Der Valigator leibt diese Fische
Beitrag melden
–
Informationen zu den Bewertungsregeln