如何获得SVG组元素的高度/宽度? [英] How does one get the height/width of an SVG group element?

问题描述

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

I need to know the width and height of a SVG element? Im trying to use the following:

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

...但是结果总是为零?

...but the result is always zero?

推荐答案

svg <g>元素没有显式的height和width属性，它们会自动调整大小以包含它们所包含的内容.您可以通过在元素上调用getBBox来获取它们的实际高度/宽度:

svg <g> elements don't have explicit height and width attributes, they auto size to whatever they contain. You can get their actual height/width by calling getBBox on the element though:

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

如果您真的很喜欢jquery，可以将其写为

If you're really into jquery you could write it as

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

根据Reed Spool

according to Reed Spool

这篇关于如何获得SVG组元素的高度/宽度?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！