计算机科学论坛--在asp/html页面中如何获取SVG上事件的坐标

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

页面中嵌入了SVG,如何在HTML中获取SVG中产生的事件的一些属性，如坐标等。

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

<HTML>
<HEAD>
<TITLE>Changing Fill Color Example</TITLE>
<META NAME="author" CONTENT="Glen H. Gersten">

<SCRIPT>
// change the fill color of an element
function setFill() {
// get the SVG Document element
SVGDoc = document.colorSVG.getSVGDocument()

// get the element we want to change
var thisElem = SVGDoc.getElementById('colorRect')

// get the style element
var thisStyle = thisElem.getStyle()

// get the color value from the form
var thisColor = document.colorForm.colorChoice.value

// perform the fill color change
thisStyle.setProperty('fill', thisColor)
}

</SCRIPT>
</HEAD>

<BODY>
Enter a Hex Value (preceded by #) or Color Name

</BODY>
</HTML>

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

html中可以控制SVG的一些属性，我想知道的是如何获取事件发生点的坐标，例如我在svg上click一下，在html中能得到点击点的x、y坐标吗？

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

在SVG图里点击，获得的坐标应该还是在SVG坐标系中的坐标吧，你是要把坐标转换成相对于HTML的还是就只要能获得点击处的坐标就够了？
function mouseClick1(event)
    {
       xCoord = event.getClientX();
       yCoord = event.getClientY();
}这两句就可以获得在SVG点击处的坐标值

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

var XPos = evt.getClientX();
var YPos = evt.getClientY();

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

var svgObj =document.getElementById("svgid") ,getSVGDocument(); //svgid是HTML的 <EMBED>中放入SVG文件的ID属性
var svgRoot =svgDoc.DocumentElement(); //svg DOM的根的元素
svgRoot.AddLis????("mousermove",userFunction,false);//就是增加一个事件监听的意思,函数名忘了,自己查一上文档吧

userFunction(evt)
{
//你的代码

//evt.clientX,evt.clientY是你需要的坐标了
}


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