Как получить высоту и ширину SVG полилинии элемента?

Question

<g class="new class" id="polyline" style="pointer-events: inherit;" opacity="1">
  <polyline id="svg_43" points="268.4,469.4 230.3,469.4 230.3,431.3 268.4,431.3 268.4,469.4" />
</g>

Как узнать высоту и ширину полилинии svg в JavaScript?

Answer 1

Вы должны использовать функцию getBBox() (которая является частью SVG 1.1) следующим образом:

var polylineBBox = document.querySelector('polyline').getBBox();
console.log(polylineBBox.width);
console.log(polylineBBox.height);

<svg width="100" height="100" viewBox="0 0 100 100">
    <g class="new-class" style="fill:#6c0">
        <polyline points="69, 69
                        30, 69
                        30, 30
                        69, 30
                        69, 69"/>
    </g>
</svg>