如何獲得g元素的寬度？

Question

我在使用jQuery獲取<g></g>元素的寬度時遇到一些問題。 使用.innerWidth()或width()返回null。 是否可以使用jquery獲得<g></g>寬度？

我問這個問題是因為Chrome和IE之間存在渲染差異。 在Chrome中，我只需使用：

var box = svg.node().getBBox();
var width = box.width;

但是在IE中它不起作用-它返回的寬度為0。

Answer 1

將Id添加到元素也許可以工作

 <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>