firefox - FireFoxでSVG要素の寸法を取得するには?

Question

ほとんどのブラウザでは、次のように動作します。

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

ここにデモがあります。Google Chrome で試すと、コンソールに が出力されます200。ただし、FireFox は を返します0。

Answer 1

SVG プロパティを返すことができない場合、親ディメンションにフォールバックしてしまいました。ここにデモhttp://jsbin.com/uzoyik/1/editがあります。

関連するコードは次のとおりです。

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

Answer 2

この Firefox のバグは、2014 年 10 月 14 日にリリースされた Firefox 33 で修正されました。

詳細については、バグ 530985を参照してください。