SVG使用scale发生位置偏移

使用d3.js进行可视化设置动画时发现使用scale时svg总是以左上角为中心进行变换，在网上搜了后找到如下解决问题的方法

对应svg元素添加以下样式：

transform-box:fill-box;
transform-origin:center center