用javascript 反馈服务器svg图片两点坐标？

用javascript 反馈服务器svg图片两点坐标？

xml 代码

<svg>
<script type="text/javascript">
<!---->

function changeText(evt)
{
   var XPos = evt.getClientX();
   var YPos = evt.getClientY();

   targetXtext=svgDocument.getElementById("XPos");
   targetYtext=svgDocument.getElementById("YPos");

   var newXPosText = svgDocument.createTextNode("X... Position : " + XPos);
   var newYPosText = svgDocument.createTextNode("Y... Position : " + YPos);

   targetXtext.replaceChild(newXPosText,targetXtext.getFirstChild());
   targetYtext.replaceChild(newYPosText,targetYtext.getFirstChild());
}

function changeTextNotOver(evt)
{
   targetXtext=svgDocument.getElementById("XPos");
   targetYtext=svgDocument.getElementById("YPos");

   var newXPosText = svgDocument.createTextNode("X.. Position : Not over Rectangle");
   var newYPosText = svgDocument.createTextNode("Y.. Position : Not over Rectangle");

   targetXtext.replaceChild(newXPosText,targetXtext.getFirstChild());
   targetYtext.replaceChild(newYPosText,targetYtext.getFirstChild());

}

function recordClick(evt)
{
   targetClickText=svgDocument.getElementById("ClickPosd");

   var XPosd = evt.getClientX();
   var YPosd = evt.getClientY();

   var newClickText = svgDocument.createTextNode("Last Click made at X=" + XPosd + " Y=" + YPosd);

   targetClickText.replaceChild(newClickText, targetClickText.getFirstChild());

}

function recordClickup(evt)
{
   targetClickText=svgDocument.getElementById("ClickPosu");

   var XPosu = evt.getClientX();
   var YPosu = evt.getClientY();

   var newClickText = svgDocument.createTextNode("Last Click made at: /n X=" + XPosu + " Y=" + YPosu);

   targetClickText.replaceChild(newClickText, targetClickText.getFirstChild());

}



// ]]>
script>
<text id="XPos" x="50" y="30">X. Position :text>
<text id="YPos" x="50" y="50">Y. Position :text>
<text id="ClickPosu" x="50" y="70">Last Click made at : text>
<text id="ClickPosd" x="50" y="90">Last Click made at : text>
<rect x="50" y="100" width="200" height="200" style="fill:blue" onmousemove="changeText(evt)" onmouseout="changeTextNotOver(evt)" onmousedown="recordClick(evt)" onmouseup="recordClickup(evt)"/>

>

以下是svg原码
aa.svg
我想比较鼠标按下和抬起坐标的差，判断鼠标是否移动了。然后把两个坐标值发送给服务器，？

分享到：

svgdocument相关文档 | svg鼠标响应事件的四种方法

• 2007-11-17 23:59
• 浏览 1987
• 评论(0)
• 查看更多