internet-explorer - Internet Explorer で SVG のサイズを確認する正しい方法は何ですか?

Question

タイトルが示すように: Internet Explorer で SVG 要素のサイズ (幅、高さ) を決定する正しい方法は何ですか?

ほとんどのブラウザは と をサポート.offsetWidthしているようです.offsetHeightが、これは IE では動作しないようです (IE 10 でテスト済み)。

Fiddle: http://jsfiddle.net/c7eqe/1/ (IE では、「offsetWidth: undefined」と表示されます)

Answer 1

いくつかの実験の後、getBoundingClientRect()すべての主要なブラウザーでサポートされている (と思われる) ようです: https://developer.mozilla.org/en-US/docs/Web/API/element.getBoundingClientRect

>> svg = document.getElementsByTagName("svg")[0]
>> svg.getBoundingClientRect()
[object ClientRect] {
    bottom : 590,
    height : 400,
    left : 199,
    right : 1009,
    top : 190,
    width : 810
>>