用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
我想比较鼠标按下和抬起坐标的差,判断鼠标是否移动了。然后把两个坐标值发送给服务器,?