svg按中心放大

svg正常放大

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000">
  <rect x="30" y="20" width="100" height="100" fill="none" stroke="red" stroke-width="1"/>

  <rect x="30" y="20" width="100" height="100" fill="none" stroke="yellow" stroke-width="1" transform="scale(2,2)"/>

</svg>

svg正常放大为边长全部乘2，起始点坐标也直接成2，相当于

<rect x="60" y="40" width="200" height="200" fill="none" stroke="green" stroke-width="1"/>