JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
</head>
<body style="margin: 0; padding: 0">

    <svg version="1.1" width="300" height="300">
       <rect x="30" y="30" width="100" height="100" fill="red"/>
    </svg>
</body>
</html>

JavaScript

alert(
    '$.fn.offset = {left: ' 
        + $('svg').offset().left
        + ', top: '
        + $('svg').offset().top
        + '}\n'
        + '$.fn.position = {left: ' 
        + $('svg').position().left
        + ', top: '
        + $('svg').position().top
    + '}\n'
);