中文XML论坛--请问高手,怎么样将SVG文件中的polyline对象移动啊

新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚

XML论坛

W3CHINA.ORG讨论区

计算机科学论坛

SOAChina论坛

Blog

开放翻译计划

新浪微博

首页

软件下载

资料下载

核心成员

帮助

>> 本版讨论SVG, GML, X3D, VRML, VML, XAML, AVALON, Batik等基于XML的图形技术，以及有关GIS的应用。

[返回] 中文XML论坛 - 专业的XML技术讨论区 → XML.ORG.CN讨论区 - 高级XML应用 → 『 SVG/GML/VRML/X3D/XAML 』 → 请问高手,怎么样将SVG文件中的polyline对象移动啊

◇查看新帖 ◇ 用户列表 ◇

(订阅本版)

您是本帖的第 4271 个阅读者　　

*	贴子主题：请问高手,怎么样将SVG文件中的polyline对象移动啊	举报打印推荐 IE收藏夹
	本主题类别:

guoliping007

  等级：大一新生
  文章：10
  积分：89
  门派：XML.ORG.CN
  注册：2005/7/18

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	楼主

请问高手,怎么样将SVG文件中的polyline对象移动啊

有这样一个需求,就是要将SVG文件中的过程线通过鼠标或键盘的方向键来左右上下移动
这怎么实现呀,我连移动都不会呀
有思路的也行,先谢谢了!

收藏分享
顶(0)

2005/7/19 11:08:00

turta

  等级：大一(高数修炼中)
  文章：14
  积分：120
  门派：XML.ORG.CN
  注册：2005/5/30

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第2楼

在svg对象的onmuosemove事件中添加捕获鼠标在屏幕中的实时点，可以通过计算新旧两个点的差值可以动态的设置新的polyline对象的x和y的值就可以让它移动了啊！！

2005/7/19 16:38:00

guoliping007

  等级：大一新生
  文章：10
  积分：89
  门派：XML.ORG.CN
  注册：2005/7/18

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第3楼

怎么样通过键盘的方向键移动呢

2005/7/20 0:10:00

jgame

  等级：大一新生
  文章：9
  积分：88
  门派：XML.ORG.CN
  注册：2005/3/26

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第4楼

捕获鼠标在屏幕中的实时点,或文字块这个怎么写啊,,,help..........

2005/7/28 15:22:00

zb9030@126.com

  等级：大一新生
  文章：7
  积分：87
  门派：XML.ORG.CN
  注册：2005/7/6

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第5楼

我觉得,移动polyline对象,并不一定需要改变它的path值,可以把它当作一个整体,改变transform的值就行了,polyline对象的path的不会改变.
个人见解

2005/8/8 10:21:00

mxr

  等级：大二(研究C++)
  文章：39
  积分：264
  门派：XML.ORG.CN
  注册：2004/4/10

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第6楼

<?xml version="1.0"?>
<svg>
<script><![CDATA[
  function changeScale(k)
   {
       parent.root=svgDocument.documentElement;
       var old_scale=parent.root.currentScale;
       new_scale=old_scale*k;
       parent.root.currentScale=new_scale;
    }
   function choose(evt)
    {
switch(parent.currentTool)
    {
            case 0: changeScale(2);break;
            case 1: changeScale(0.5);break;
     }
      }
    function MouseDown(evt)
{
     parent.dragger=svgDocument.documentElement;
     parent.origX=evt.getClientX();
           parent.origY=evt.getClientY();
     parent.dx=parent.dragger.currentTranslate.x;
     parent.dy=parent.dragger.currentTranslate.y;
   }
function MouseUp(evt)
{
  if( parent.dragger != null )
   {
   parent.dragger = null;
   parent.origX=0;
   parent.origY=0;
    parent.dx = 0;
    parent.dy = 0;
   }
}
function MouseMove(evt)
{
  if(parent.currentTool == 2)
    {
   if( parent.dragger != null )
   {
     var newX = parent.dx+(evt.getClientX() - parent.origX);
     var newY = parent.dy+(evt.getClientY() - parent.origY);
     parent.dragger.currentTranslate.x=newX;
              parent.dragger.currentTranslate.y=newY;
    }
      }
}
]]></script>
<g onclick="choose(evt)" onmousedown="MouseDown(evt)" onmousemove="MouseMove(evt)" onmouseup="MouseUp(evt)">
  <rect x="0" y="0" width="200" height="200" style="fill:green;opacity:0.3;visibility:visible"/>
  <text x="15" y="25" id="Text" style="font-size:10">transform</text>
</g>
</svg>

2005/10/1 16:48:00

mxr

  等级：大二(研究C++)
  文章：39
  积分：264
  门派：XML.ORG.CN
  注册：2004/4/10

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第7楼

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg>
<script><![CDATA[
function chooseTool(evt)
{
      var key=evt.getTarget().getAttribute("id");
   switch(key)
    {
           case "note1": parent.currentTool=0;break;
           case "note2": parent.currentTool=1;break;
           case "note3": parent.currentTool=2;break;
        }
}
]]></script>
<text x="10" y="15" style="font-size:15">Zoom +<tspan dx="10" x="61" y="15">-</tspan></text>
<rect id="note1" onclick="chooseTool(evt)" x="45" y="2" width="15" height="15" style="fill:rgb(255,0,0);opacity:0.2"/>
<rect id="note2" onclick="chooseTool(evt)" x="65" y="2" width="15" height="15" style="fill:rgb(0,0,255);opacity:0.2"/>
<text x="10" y="35" style="font-size:15">Pan *</text>
<rect id="note3" onclick="chooseTool(evt)" x="35" y="22" width="15" height="15" style="fill:rgb(255,0,255);opacity:0.2"/>
</svg>

2005/10/1 16:50:00

mxr

  等级：大二(研究C++)
  文章：39
  积分：264
  门派：XML.ORG.CN
  注册：2004/4/10

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第8楼

<html>
<body>
<script type="text/javascript">
var currentTool;
var dragger;
var dx;
var dy;
var origX;
var origY;
var root = null;
</script>
<p>
<embed name="carve2" width="500" height="500" src="no1.svg">
<embed name="carve1" width="600" height="600" src="no2.svg">
</p>
</body>
</html>

2005/10/1 16:50:00

GoogleAdSense

  等级：大一新生
  文章：1
  积分：50
  门派：无门无派
  院校：未填写
  注册：2007-01-01

	广告

2025/7/21 10:04:51

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

管理选项：修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告


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