我有一个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
谢谢,
希瓦