JSFiddle - React, Tailwind, and code Playground
by smlombardi
HTML
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<g>
<rect width="220" height="30" class="GradientBorder" fill="#0f0" />
<text id="label" x="60" y="20" font-family="Calibri" font-size="20" fill="white" >My Code , Your Achivement....... </text>
</g>
</svg>
JavaScript
var foo = document.getElementById("label");
var bar = foo.getClientRects();
console.log(bar);