新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚
   XML论坛     W3CHINA.ORG讨论区     计算机科学论坛     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
    		•   Add to Google

    >> 本版讨论SVG, GML, X3D, VRML, VML, XAML, AVALON, Batik等基于XML的图形技术，以及有关GIS的应用。
    [返回] 中文XML论坛 - 专业的XML技术讨论区 → XML.ORG.CN讨论区 - 高级XML应用 → 『 SVG/GML/VRML/X3D/XAML 』 → 实例_在SVG中添加元素 ◇查看新帖 ◇ 用户列表 ◇

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 17995 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子　浏览下一篇主题
     * 贴子主题： 实例_在SVG中添加元素 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     dreamwdt 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：6
      积分：104
      门派：XML.ORG.CN
      注册：2006/5/20

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给dreamwdt发送一个短消息 把dreamwdt加入好友 查看dreamwdt的个人资料 搜索dreamwdt在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看dreamwdt的博客楼主
    发贴心情 实例_在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>


       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/12/28 16:48:00
     
     upc2neiep 帅哥哟，离线，有人找我吗？
      
      
      等级：大二期末(汇编考了97分!)
      文章：85
      积分：460
      门派：XML.ORG.CN
      注册：2006/4/11

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给upc2neiep发送一个短消息 把upc2neiep加入好友 查看upc2neiep的个人资料 搜索upc2neiep在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看upc2neiep的博客第2楼
    发贴心情 
    <style type="text/css">
    <![CDATA[
      #back {
       fill:khaki;
       stroke:green;
       stroke-width:5px;
      }
    ]]>
    </style>
    这个CSS也能用呀？还不知道。。。。
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/12/29 16:14:00
     
     dreamwdt 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：6
      积分：104
      门派：XML.ORG.CN
      注册：2006/5/20

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给dreamwdt发送一个短消息 把dreamwdt加入好友 查看dreamwdt的个人资料 搜索dreamwdt在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看dreamwdt的博客第3楼
    发贴心情 
    可以用的啊,呵呵
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/12/30 16:53:00
     
     alai7150 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(高数修炼中)
      文章：14
      积分：193
      门派：XML.ORG.CN
      注册：2006/5/6

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给alai7150发送一个短消息 把alai7150加入好友 查看alai7150的个人资料 搜索alai7150在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看alai7150的博客第4楼
    发贴心情 
    请教个位大虾，如何在SVG中动态插入 image 元素！
    我试了好多次都不能成功，其实 image 元素能够插入，只是显示不了，
    请各位大虾指导。
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/1/6 9:04:00
     
     ansly20060 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：10
      积分：88
      门派：XML.ORG.CN
      注册：2012/9/19

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给ansly20060发送一个短消息 把ansly20060加入好友 查看ansly20060的个人资料 搜索ansly20060在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看ansly20060的博客第5楼
    发贴心情 
    打不开啊
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2012/9/28 11:19:00
     
     GoogleAdSense
      
      
      等级：大一新生
      文章：1
      积分：50
      门派：无门无派
      院校：未填写
      注册：2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/12/22 22:46:57

    本主题贴数5，分页： [1]

    管理选项： 修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    		 62.500ms