Quiero encontrar el centroide del círculo que estoy dibujando así;
circle = document.querySelectorAll('circle'); console.log(circle.getBBox()); <svg> <circle class="donut-segment" data-per="30" cx="21" cy="21" r="15.91549430918954" fill="transparent" stroke="#254C66" stroke-width="3" stroke-dasharray="50 50" stroke-dashoffset="75"> </circle> </svg>Recibo el error: la propiedad 'getBBox' no existe en el tipo NodeListOf<\SVGCircleElement>. Lo mismo ocurre con getBoundingClientRect. ¿Qué estoy haciendo mal?
Para un círculo, seleccione el selector querySelector('.donut-segment')
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60" height="60" viewBox="0 0 30 30" > <circle class="donut-segment" data-per="30" cx="21" cy="21" r="15.91549430918954" fill="transparent" stroke="#254C66" stroke-width="3" stroke-dasharray="50 50" stroke-dashoffset="75"> </circle> </svg> <script> circle = document.querySelector('.donut-segment'); let cord = circle.getBBox() console.log(cord.x + cord.width /2) console.log(cord.y + cord.height /2) </script>