svg - 如何获取 SVG 组元素的高度/宽度？

Question

我需要知道 SVG 元素的宽度和高度？我尝试使用以下内容:

$('g#myGroup').height()

...但结果总是为零？

Answer 1

svg <g>元素没有明确的高度和宽度属性，它们会根据其包含的内容自动调整大小。您可以通过在元素上调用 getBBox 来获取它们的实际高度/宽度:

var height = document.getElementById("myGroup").getBBox().height;

如果你真的很喜欢jquery，你可以把它写成

$('g#myGroup').get(0).getBBox().height;

根据 Reed Spool