在scss中获取SVG子元素宽度

Question

给出SVG形状的HTML：

<svg id="shapes"...
    <g id="myShape" class="myClass">
        <g>
            <path fill="#E9EEF1"...

从SCSS输出CSS：

svg g {
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

如何将SVG子形状宽度（以像素为单位）转换为CSS？

我能用JavaScript获得这个：

var shape = document.getElementById('myShape');
console.log(shape.getBBox()); 

但需要使用transform-origin旋转SVG子形状。我使用的是@include transform-origin(50%);，但我不能使用50％，因为Chrome和FireFox的解释率不同。所以我需要将svg形状的宽度放入CSS中，以便我可以对其进行转换。