如何获取 SVG 折线元素的高度和宽度？

【问题标题】：How to get the height and width of SVG polyline element?如何获取 SVG 折线元素的高度和宽度？
【发布时间】：2019-04-11 20:51:45
【问题描述】：

<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>

我们如何知道 JavaScript 中 svg 折线元素的高度和宽度？

【问题讨论】：

标签： javascript svg

【解决方案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>

【讨论】：