W3CHINA.ORG讨论区--[求助] 点击按钮，生成svg图像。。。高手，帮我

贴子主题： [求助] 点击按钮，生成svg图像。。。高手，帮我

本主题类别: DOM

----------------------svg--------------
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-flat-20030114.dtd">

<svg id="a" width="400" height="400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect id="Rect" width="400" height="400" fill="white" stroke="black" stroke-width="5">
</rect></svg>

---------------------------html----------------

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
   <title>Untitled file</title>
  </head>
  <script type="text/javascript">
   var SVGDoc=null;
   var SVGRoot=null;

   function init(){
     htmlObj = document.getElementById("text2add");
        SVGDoc = htmlObj.getSVGDocument(); //得到svg的跟节点
        SVGRoot = SVGDoc.documentElement; //得到 document的元素
   }

   function add(){
     innerSVG=SVGDoc.getElementById("Rect");

     myData = SVGDoc.createTextNode("newText 2 add");
        newText = SVGDoc.createElementNS(svgns, "text");
        newText.setAttributeNS(null, "id", "textid");
        newText.setAttributeNS(null, "x", "55px");
        newText.setAttributeNS(null, "y", "100px");
        newText.setAttributeNS(null, "font-size", "24pt");
        newText.setAttributeNS(null, "stroke", "red");
        newText.appendChild(myData);
        SVGDoc.getElementById("a").appendChild(newText);
   }

</script>
  <body onload="init()">
   <EMBED id="text2add" SRC="Unnamed - 2.svg" width="500" height="450" type="image/svg+xml">
    <input type="button" value="addText" onclick="add()"/>
   </body>
  </html>


	W 3 C h i n a ( since 2003 ) 旗下站点苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》	74.219ms