新书推介:《语义网技术体系》
作者:瞿裕忠,胡伟,程龚
   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 』 → 有谁知道通过javascript和SVG的DOM接口,来动态生成rect? 查看新帖用户列表

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 4619 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子 浏览下一篇主题
     * 贴子主题: 有谁知道通过javascript和SVG的DOM接口,来动态生成rect? 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     caoxy 美女呀,离线,快来找我吧!
      
      
      等级:大一(高数修炼中)
      文章:18
      积分:148
      门派:XML.ORG.CN
      注册:2005/4/10

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给caoxy发送一个短消息 把caoxy加入好友 查看caoxy的个人资料 搜索caoxy在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看caoxy的博客楼主
    发贴心情 有谁知道通过javascript和SVG的DOM接口,来动态生成rect?

    我的毕业设计是基于SVG的实时数据发布系统,系统中的rect是根据数据库中的数据动态生成的,现在我的问题是,数据已经通过JavaBean读取出来了,怎样通过javascript来动态生成SVG中的rect?

       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/5/31 21:01:00
     
     keeponline 美女呀,离线,快来找我吧!天秤座1975-10-21
      
      
      威望:4
      等级:大四寒假(收到IBM的Offer啦)
      文章:190
      积分:1150
      门派:W3CHINA.ORG
      注册:2005/1/20

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给keeponline发送一个短消息 把keeponline加入好友 查看keeponline的个人资料 搜索keeponline在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看keeponline的博客2
    发贴心情 
    下面的例子展示了通过 DOM 接口如何删除现有节点,添加新的节点并为新节点设置了超级链接地址

    ----------------------------------------------
    买书不等于读书,读书不一定要买书。

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/6/1 10:46:00
     
     keeponline 美女呀,离线,快来找我吧!天秤座1975-10-21
      
      
      威望:4
      等级:大四寒假(收到IBM的Offer啦)
      文章:190
      积分:1150
      门派:W3CHINA.ORG
      注册:2005/1/20

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给keeponline发送一个短消息 把keeponline加入好友 查看keeponline的个人资料 搜索keeponline在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看keeponline的博客3
    发贴心情 
    <g onclick="operate_Dom()"  id="g5" transform="translate(0 80)">
       <text id="txt1" x="6px" y="30px" style="font-size:15">operate DOM</text>
       <text id="txt2" x="6px" y="50px" style="font-size:15">operate DOM</text>
    </g>
    <!-内嵌脚本代码'
    <script language="JavaScript"><![CDATA[
    function operate_Dom(){
     //通过document环境变量获取id值为"g5"的节点
     var g5=document.getElementById("g5");
        //将g5节点下所有text节点删除
     var txts=g5.getElementsByTagName("text");
     for(var i=txts.length-1;i>=0;i--){
      g5.removeChild(txts.item(i));
     }
     //将g5节点的onclick事件删除
     g5.removeAttribute("onclick");
     
     //创造一个文本节点对象
     var text = document.createElement ("text");
     text.setAttribute("x", 100);
     text.setAttribute("y", 100);
     //将文本内容添加到text节点对象中
     text.appendChild(document.createTextNode("new text"));
     
     //创造一个链接节点,注意在这里给设置节点和属性时必须指定命名空间
     var a=document.createElementNS("http://www.w3.org/2000/svg","a");
     a.setAttributeNS(
       "http://www.w3.org/2000/xlink/namespace/",
       "xlink:href",
       "http://www.sina.com");
     //将text节点添加到链接节点中
     a.appendChild(text);
     
    //将链接节点添加到g5节点中
     g5.appendChild(a); 
        
    //获取视图范围
    var bBox=(document.getDocumentElement().getBBox());
    //创建一个矩形节点
    var shape = document.createElement("rect ");
    //配置属性
    shape.setAttribute("x", bBox.x);
    shape.setAttribute("y", bBox.y);
    shape.setAttribute("width",  bBox.width);
    shape.setAttribute("height",   bBox.height);
    shape.setAttribute("style", "fill: #eeeeee");
    shape.getStyle().setProperty("stroke","red");
    shape.getStyle().setProperty("stroke-width","1");
     //将矩形节点添加到SVG根节点子节点队列的最前边
    document.getDocumentElement().insertBefore(shape,document.getDocumentElement().firstChild);
    }
    ]]></script>

    ----------------------------------------------
    买书不等于读书,读书不一定要买书。

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/6/1 10:46:00
     
     caoxy 美女呀,离线,快来找我吧!
      
      
      等级:大一(高数修炼中)
      文章:18
      积分:148
      门派:XML.ORG.CN
      注册:2005/4/10

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给caoxy发送一个短消息 把caoxy加入好友 查看caoxy的个人资料 搜索caoxy在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看caoxy的博客4
    发贴心情 
    太谢谢了,虽然不是直接有用,但是启发了我,我的系统现在能实时显示图形了,谢谢keeponline,以后大家多交流,
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/6/1 15:53:00
     
     keeponline 美女呀,离线,快来找我吧!天秤座1975-10-21
      
      
      威望:4
      等级:大四寒假(收到IBM的Offer啦)
      文章:190
      积分:1150
      门派:W3CHINA.ORG
      注册:2005/1/20

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给keeponline发送一个短消息 把keeponline加入好友 查看keeponline的个人资料 搜索keeponline在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看keeponline的博客5
    发贴心情 
    能把你的程序给我一份看看吗?keeponline75@hotmail.com
    谢谢。
    我对从数据库里把数据读出来的那段不是很了解,想请教你一下。你的数据形式是怎么样的?生成XML数据文件吗?
    再次谢谢,希望能帮一下忙。

    ----------------------------------------------
    买书不等于读书,读书不一定要买书。

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/6/2 19:12:00
     
     caoxy 美女呀,离线,快来找我吧!
      
      
      等级:大一(高数修炼中)
      文章:18
      积分:148
      门派:XML.ORG.CN
      注册:2005/4/10

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给caoxy发送一个短消息 把caoxy加入好友 查看caoxy的个人资料 搜索caoxy在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看caoxy的博客6
    发贴心情 
    我的邮箱今天打不开,要不用qq传吧?
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/6/2 19:47:00
     
     caoxy 美女呀,离线,快来找我吧!
      
      
      等级:大一(高数修炼中)
      文章:18
      积分:148
      门派:XML.ORG.CN
      注册:2005/4/10

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给caoxy发送一个短消息 把caoxy加入好友 查看caoxy的个人资料 搜索caoxy在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看caoxy的博客7
    发贴心情 
    .我的邮箱打不开


    [此贴子已经被作者于2005-6-3 11:48:05编辑过]
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/6/2 19:58:00
     
     keeponline 美女呀,离线,快来找我吧!天秤座1975-10-21
      
      
      威望:4
      等级:大四寒假(收到IBM的Offer啦)
      文章:190
      积分:1150
      门派:W3CHINA.ORG
      注册:2005/1/20

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给keeponline发送一个短消息 把keeponline加入好友 查看keeponline的个人资料 搜索keeponline在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看keeponline的博客8
    发贴心情 
    好,我的QQ是106076402,不过我还是用MSN多,keeponline75@hotmail.com
    有机会大家多联系。

    ----------------------------------------------
    买书不等于读书,读书不一定要买书。

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/6/3 12:33:00
     
     narilee 帅哥哟,离线,有人找我吗?
      
      
      等级:大一新生
      文章:4
      积分:74
      门派:XML.ORG.CN
      注册:2005/7/8

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给narilee发送一个短消息 把narilee加入好友 查看narilee的个人资料 搜索narilee在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看narilee的博客9
    发贴心情 
    mark
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/7/11 15:24: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/5/11 8:48:04

    本主题贴数9,分页: [1]

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