获取元素的边界框来计算其变换

Given this SVG:

鉴于此SVG:

<svg xmlns="https://www.w3.org/2000/svg">
  <rect width="50" height="50"
        transform="translate(75,75) rotate(45) translate(-25,-25)" />
  <script>
    var bb = document.querySelector('rect').getBBox();
    console.log([bb.x,bb,y,bb.width,bb.height]);
  </script>
</svg>​
<svg xmlns="https:/