How do I get the position of an element that sits inside an SVG element that sits inside SVG element?
<svg width=1280 height=800>
<g style="transform: translateX(10px) translateY(4px)">
<svg width=3 height=3 viewBox="0 0 3 3">
<circle cx=1 cy=3 r=1 />
</svg>
</g>
</svg>
The element position I am looking for is the most nested circle element. I don’t need DOMPoint, just its absolute position to the root SVG element. getBBox()
does not help me with this, it returns values relative to the element’s parent SVG at best.