jQueryを使用して<g></g>要素の幅を取得する際に問題があります。 .innerWidth()またはwidth()を使用するとnullが返されます。 jqueryを使用して<g></g>の幅を取得することは可能ですか？g要素の幅を取得するには？
ChromeとIEのレンダリングの違いにより、私はこれを尋ねています。クロームで、私は単純に使用します。
var box = svg.node().getBBox();
var width = box.width;
しかし、IEで、それは仕事をdoesntの - それは、0
のwidhtはたぶん
<svg viewBox="0 0 95 50"
xmlns="http://www.w3.org/2000/svg">
<g stroke="green" fill="white" stroke-width="5" id="myGroup">
<circle cx="25" cy="25" r="15"/>
<circle cx="40" cy="25" r="15"/>
<circle cx="55" cy="25" r="15"/>
<circle cx="70" cy="25" r="15"/>
</g>
</svg>
<script>
$(document).ready(function(){
var height = document.getElementById("myGroup").getBBox().height;
var width = document.getElementById("myGroup").getBBox().width;
alert(" width "+width+" height "+height);
});
</script>
jQueryのsvgsをサポートしていない作業要素にIDを追加返しますsvgsの動作は、特にクロスブラウザを予測するのは難しいです。たぶん、SVG固有のライブラリを探します。 – user3154108
多分[この質問]（http://stackoverflow.com/questions/11702952/how-to-get-the-width-of-an-svgg-element）が役立ちます。 – HiDeo