JSFiddle - React, Tailwind, and code Playground

by bergb

HTML

<svg xmlns="http://www.w3.org/2000/svg">
<g>
  <rect x="0" y="0"height="100" fill="red" id="rt" ></rect>
  <text x="2" y="10" font-family="Verdana" font-size="10" fill="blue" alignment-baseline="middle" id="hello"> Hello </text>
</g>
<g id="gr" transform="translate(48, 0)">
  <rect x="0" y="0" height="20" fill="red" width="80" ></rect>
  <text x="2" y="10" font-family="Verdana" font-size="10" fill="blue" alignment-baseline="middle" id="hello"> 22m2 </text>
</g>
</svg>

JavaScript

//alert($('#hello').width());
vd=$('#hello').width()+5;
console.log(vd);
$('#rt').attr('width',vd).attr('height',15);