Svg 动画

animate 标签

<animate>标签用于产生动画效果

• attributeName: 指定要动画的属性（如opacity、width等）
• from/to: 定义动画的起始和结束值
• dur: 动画持续时间（如"5s"）
• repeatCount: 重复次数（"indefinite"表示无限循环）
• values: 关键帧值序列（替代from/to）
• keyTimes: 对应values的时间点
• calcMode: 插值模式（discrete/linear/paced/spline）

animateTransform 标签

<animateTransform>标签可以设置目标元素上的一个变形属性，从而允许动画控制转换、缩放、旋转或斜切

旋转（rotate），这时from和to属性值有三个数字，第一个数字是角度值，第二个值和第三个值是旋转中心的坐标

animateMotion 标签

<animateMotion> 元素定义了一个元素沿着运动路径进行移动