 XHTML内嵌SVG的问题
在XHTML中嵌入如下代码，在IE、FF中正常显示SVG各元素。通过javascript+DOM操作该SVG，如添加一个rect和一个text，在IE、FF中均添加成功，但只有FF中能够显示新增的元素，IE不显示新增的元素，何故&如何做？ XHTML with inline SVG:
<svg:svg id="mysvg" width="200" height="30" onclick="test()">
<svg:rect x="0" y="0" width="150" height="30" rx="10" ry="10"></svg:rect>
</svg:svg> javascript:
...
rect.setAttribute("x",5);
rect.setAttribute("y",5);
rect.setAttribute("rx",5);
rect.setAttribute("ry",5);
rect.setAttribute("width",140);
rect.setAttribute("height",20);
rect.setAttribute("style","fill:red");
svg.appendChild(trect); ...
text.setAttribute("x",65);
text.setAttribute("y",19);
text.setAttribute("style","fill:yellow;font-weight:900;");
text.appendChild(document.createTextNode("test"));
svg.appendChild(text);
|
[返回] W3CHINA.ORG讨论区 - 语义网·描述逻辑·本体·RDF·OWL →
XML.ORG.CN讨论区 - 高级XML应用 → 『 SVG/GML/VRML/X3D/XAML 』 → XHTML内嵌SVG的问题
(订阅本版)
2008/9/12 9:52:00
新浪微博
