JSFiddle - React, Tailwind, and code Playground

by kzima

HTML

<svg id="root">
    <g >
        <rect id="rec" width="20" height="20" style="fill:black;">
    </g>
</svg>

CoffeeScript

root = document.getElementById('root')
rec = document.getElementById('rec')
point = root.createSVGPoint()
# This is the top-left relative to the SVG element
ctm = rec.getCTM()
console.log point.matrixTransform(ctm)
# This is the top-left relative to the document
ctm = rec.getScreenCTM()
console.log point.matrixTransform(ctm)