javascript - 获取 SVG/G 元素的实际大小

Question

是否有任何准确的方法可以获取 svg 元素的实际大小，其中包括笔划、过滤器或其他从 Javascript 中影响元素实际大小的元素？

我已经尝试了几乎所有想到的事情，现在我觉得我已经走进了死胡同:-(

更新了问题以添加更多上下文(Javascript)

Answer 1

您无法直接获取值。但是，您可以获得边界矩形的尺寸:

var el   = document.getElementById("yourElement"); // or other selector like querySelector()
var rect = el.getBoundingClientRect(); // get the bounding rectangle

console.log( rect.width );
console.log( rect.height);

至少在所有主流浏览器的实际版本中都支持它。

Check fiddle