首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

svg元素安插

2013-01-07 
svg元素插入?xml version1.0 standaloneno?!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN htt

svg元素插入
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
<!--<line x1='0' y1='0' x2='200' y2='300' style='stroke:blue;stroke-width:1'/>-->
<g id="content">
<text id='mtext' x='20' y='50' fill='red' font-size='45'>www</text>
</g>


<script type="text/javascript">
<![CDATA[

var line="<text id='mtext' x='20' y='50' fill='red' font-size='65'>ssssss</text>";
document.getElementById("content").appendChild(line); 

]]>
</script>
</svg>

木有反应啊,什么情况
[解决办法]

var t = document.createElementNS("http://www.w3.org/2000/svg",'text');
t.setAttribute('x','20');
t.setAttribute('y','150');
t.setAttribute('fill','red');
t.setAttribute('font-size','65');
t.appendChild(document.createTextNode('SSSSS'));
document.getElementById("content").appendChild(t);

热点排行