Svg 中心缩放动画 transform scale

SVG中心缩放动画可以使用`transform`属性的`scale`函数来实现。下面是一个例子，它将一个圆形从原始大小逐渐缩小到一半大小，并在缩放过程中保持在中心位置：

<svg width="200" height="200">
  <circle cx="100" cy="100" r="50" fill="blue">
    <animateTransform 
      attributeName="transform"
      attributeType="XML"
      type="scale"
      from="1"
      to="0.5"
      dur="1s"
      repeatCount="indefinite"
      additive="sum"
      calcMode="spline"
      keySplines="0.5 0 0.5 1; 0.5 0 0.5 1;"
      keyTimes="0; 1"
    />
  </circle>
</svg>

在上面的例子中，`animateTransform`元素指定了一个`scale`类型的变换动画，`from`属性指定了起始值，`to`属性指定了结束值，`dur`属性指定了动画持续时间，`repeatCount`属性指定了动画重复次数（如果设置为`indefinite`，则将无限重复），`additive`属性指定了动画与其他变换的组合方式，`calcMode`属性指定了动画的计算模式，`keySplines`属性指定了动画的缓动曲线，`keyTimes`属性指定了动画的关键帧时间。

注意，由于`scale`变换是相对于元素的中心点进行的，因此在缩放时，元素将始终保持在中心位置。如果需要更改缩放的中心点，可以使用`translate`变换来移动元素到所需位置。