新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚
   >>中国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 』 → [求助]如何让鼠标器移动物件 ◇查看新帖 ◇ 用户列表 ◇

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 9597 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子　浏览下一篇主题
     * 贴子主题： [求助]如何让鼠标器移动物件 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     dogg1634 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：0
      积分：52
      门派：XML.ORG.CN
      注册：2005/12/6

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给dogg1634发送一个短消息 把dogg1634加入好友 查看dogg1634的个人资料 搜索dogg1634在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看dogg1634的博客楼主
    发贴心情 [求助]如何让鼠标器移动物件

    怎么利用javascript写一个移动svg物件的程序?
    譬如我点下鼠标器左键后可以拖曳所选到的物件…希望有人帮我解答..谢谢

       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/6 18:58:00
     
     柯西 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：8
      积分：101
      门派：XML.ORG.CN
      注册：2006/2/5

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给柯西发送一个短消息 把柯西加入好友 查看柯西的个人资料 搜索柯西在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看柯西的博客第2楼
    发贴心情 
    我也想知道,和楼主一起等大侠指教吧
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/3/25 15:15:00
     
     DragonJohn 帅哥哟，离线，有人找我吗？
      
      
      等级：大三(要不要学学XML呢?)
      文章：123
      积分：759
      门派：XML.ORG.CN
      注册：2005/5/11

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给DragonJohn发送一个短消息 把DragonJohn加入好友 查看DragonJohn的个人资料 搜索DragonJohn在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看DragonJohn的博客第3楼
    发贴心情 
    onmousedown
    onmousemove
    onmouseup
    evt.getClientX()
    evt.getClientY()
    setAttribute("x",newX);
    setAttribute("y",newY);

    只能提示到这了。

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/3/25 17:31:00
     
     lisa_apple 美女呀，离线，快来找我吧！
      
      
      等级：大一(猛啃高等数学)
      文章：18
      积分：159
      门派：XML.ORG.CN
      注册：2007/6/5

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给lisa_apple发送一个短消息 把lisa_apple加入好友 查看lisa_apple的个人资料 搜索lisa_apple在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看lisa_apple的博客第4楼
    发贴心情 
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/6/27 15:58:00
     
     定风波 帅哥哟，离线，有人找我吗？天秤座1987-10-23
      
      
      等级：大一(高数修炼中)
      文章：14
      积分：123
      门派：W3CHINA.ORG
      注册：2008/4/5

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给定风波发送一个短消息 把定风波加入好友 查看定风波的个人资料 搜索定风波在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 点击这里发送电邮给定风波 引用回复这个贴子 回复这个贴子 查看定风波的博客第5楼
    发贴心情 
    <?xml version="1.0"?>
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
      <head>
     
     <script>
       <![CDATA[
       var dx,dy;
       var circle;

       function init()
       {
         circle = document.getElementById('circ');
         circle.addEventListener("mousedown", mousedown_listener, false);
       }     

       function mousedown_listener(evt)
       {
         dx = circle.cx.baseVal.value - evt.clientX;
         dy = circle.cy.baseVal.value - evt.clientY;
         document.addEventListener("mousemove", mousemove_listener, true);
         document.addEventListener("mouseup", mouseup_listener, true);
       }

       function mouseup_listener(evt)
       {
         document.removeEventListener("mousemove", mousemove_listener, true);
         document.removeEventListener("mouseup", mouseup_listener, true);
       }

       function mousemove_listener(evt)
       {
         var id = circle.ownerSVGElement.suspendRedraw(1000);
         circle.cx.baseVal.value = evt.clientX + dx;
         circle.cy.baseVal.value = evt.clientY + dy;
    // alternatively we could set the corresponding attributes:
    // (slower method)
    //     circle.setAttribute("cx", evt.clientX + dx);
    //     circle.setAttribute("cy", evt.clientY + dy);
         circle.ownerSVGElement.unsuspendRedraw(id);
       }

       ]]>
     </script>
      </head>
      <body onload="init();">
     <h3>SVG + event handler demo</h3>

        <p>Drag the circle with the mouse!</p>
     <svg:svg width="600px" height="400px">
       <svg:polyline points="0,0 600,0 600,400 0,400 0,0" style="stroke: black; fill: none;"/>
       <svg:circle id="circ" r="1cm" cx="5cm" cy="3cm" style="fill: red; stroke: blue; stroke-width: 3;"/>
     </svg:svg>
      </body>
    </html>

    ----------------------------------------------
    交流才能进步！

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2008/4/6 11:17:00
     
     GoogleAdSense天秤座1987-10-23
      
      
      等级：大一新生
      文章：1
      积分：50
      门派：无门无派
      院校：未填写
      注册：2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 点击这里发送电邮给Google AdSense 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/4/28 5:18:08

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

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