firefox - 如何在FireFox中获取SVG元素尺寸？

Question

在大多数浏览器中，以下方法将起作用。

window.onload = function(){
    console.log( document.getElementById('svgElm').getBoundingClientRect().width );
};

这是 demo。如果您在Google Chrome浏览器中尝试，控制台将输出 200。但是，FireFox返回 0。

Answer 1

如果无法返回SVG属性，我最终将退回到父维度。这是一个演示http://jsbin.com/uzoyik/1/edit。

相关代码为：

svg.clientWidth || svg.parentNode.clientWidth
svg.clientHeight || svg.parentNode.clientHeight