JSFiddle - React, Tailwind, and code Playground

by Christoph

HTML

<svg preserveAspectRatio="xMidYMin" viewBox="0 0 400 400" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1">
    <circle id="infop" r="4" cy="20" cx="5">
</svg>

CSS

svg{
 border:1px solid red;   
}

JavaScript

function dim(){

    var c = document.getElementsByTagName("circle");
    var rec = c[0].getBoundingClientRect();
    console.log("width: "+rec.width);
    
}
dim();