如何获取svg下的元素的高度

Question

背景： d3.js画的树图 是带zoom的，放大之后屏幕显示不下，这样下载的话导致 下载的图片也显示不全。所以，想获取svg下的g的宽度和高度

<svg>
    <g class="content">
        ...
    </g>
</svg>

问题： 使用jquery .width()的方法获取不到，请问如何获取到正确数值？？

Answer 1

<svg>
    <g class="content" id="g1>
        ...
    </g>
</svg>
<script>
var boxInfo = document.getElementById('g1').getBBox();
var rectInfo = document.getElementById('g1').getBoundingClientRect();

console.log(boxInfo, rectInfo);
</script>