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>

如何获得g元素的宽度？

1 个答案: