如何获得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说