以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  实例_在SVG中添加元素  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=41724)


--  作者:dreamwdt
--  发布时间:12/28/2006 4:48:00 PM

--  实例_在SVG中添加元素
wirte by firebird 2006-12-27
一下代码实现的功能是:点击页面在鼠标位置处出现一个小方块。
====================================================
<?xml version="1.0"?>
<svg width="800" height="600">
 <script type="text/javascript">
 <![CDATA[
  function add(evt){
   try{
    var eX=evt.clientX;
    var eY=evt.clientY;
    var a1=document.createElement("a");
    document.documentElement.appendChild(a1);
     var rect2=document.createElement("rect");
     rect2.setAttribute("id","rect2");
     rect2.setAttribute("x",eX-20);
     rect2.setAttribute("y",eY-20);
     rect2.setAttribute("width","40");
     rect2.setAttribute("height","40");
     rect2.setAttribute("fill","red");
     rect2.setAttribute("stroke","black");
     rect2.setAttribute("stroke-width","2");    
    a1.appendChild(rect2);
   }
   catch(ex){
    alert(ex.description);
   }
  }

 ]]>
 </script>
 <style type="text/css">
 <![CDATA[
  #back {
   fill:khaki;
   stroke:green;
   stroke-width:5px;
  }
 ]]>
 </style>
 <rect id="back" class="back" x="0" y="0" width="800" height="600" onclick="add(evt)"/>
</svg>


--  作者:upc2neiep
--  发布时间:12/29/2006 4:14:00 PM

--  
<style type="text/css">
<![CDATA[
  #back {
   fill:khaki;
   stroke:green;
   stroke-width:5px;
  }
]]>
</style>
这个CSS也能用呀?还不知道。。。。
--  作者:dreamwdt
--  发布时间:12/30/2006 4:53:00 PM

--  
可以用的啊,呵呵
--  作者:alai7150
--  发布时间:1/6/2007 9:04:00 AM

--  
请教个位大虾,如何在SVG中动态插入 image 元素!
我试了好多次都不能成功,其实 image 元素能够插入,只是显示不了,
请各位大虾指导。
--  作者:ansly20060
--  发布时间:9/28/2012 11:19:00 AM

--  
打不开啊

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