SVG チャート コントロールが 1 つあります。以下の 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) にアクセスすると、svg rect 要素の代わりに「本文」が返されます。
そのため、svg オブジェクトのオフセット位置をelementfrompointに追加しましたが、それでも null 要素が返されます。
円の場合、円の位置+円の移動位置+ SVGオブジェクトのオフセット位置を追加しましたが、jqueryのelementfrompoint以外のソリューションはまだ機能していません。
以下のリンクで提供されているソリューションが機能していません。
jQuery/Javascriptでポイントごとに要素を取得する方法
ありがとう、
シヴァ