javascript中的document.elementFromPoint无法正常工作

时间:2013-04-29 11:06:19

标签: javascript jquery

我有一个SVG图表控件。请参考下面的SVG代码。

<svg id="container_svg" style="width: 800px; height: 600px;">

<rect id="container_svg_SvgRect" x="0" y="0" width="800" height="600" fill="#111122" stroke-width="0" stroke="white"/>

<rect id="container_svg_ChartArea" x="73" y="107" width="707" height="428" fill="#111122" stroke-width="1" stroke="White"/>

<g transform="translate(73,535)" id="container_svg_ChartArea">
<defs>
<clipPath id="container_svg_ChartAreaClip">
<rect id="container_svg_ChartAreaClipRect" x="73" y="107" width="707" height="428" fill="white" stroke-width="1" stroke="Gray" transform="translate(-73,-535)" style="display: inline-block; width: 707px;"/></clipPath></defs>

-----------------------------------------------
<circle id="container_svg_circlesymbol4" cx="589.1666666666667" cy="-321" r="7.0710678118654755" fill="url(#container_svg_symbol1Gradient)" stroke-width="1" stroke="Gray"/>

我想从上面的代码中获取圆圈符号。

访问document.elementFromPoint(0,0)时返回“body”而不是svg rect元素。

所以我已将svg对象的偏移位置添加到 elementfrompoint 但它仍然返回null元素。

对于圆我添加了圆圈位置+圆圈+ svg对象偏移位置的平移位置,但仍然没有在jquery中使用除elementfrompoint之外的任何其他解决方案。

以下链接中提供的解决方案无效。

How to get element by point in jQuery/Javascript

谢谢,

希瓦

0 个答案:

没有答案