<animateTransform>

animateTransform 元素在其目标元素上设置动画变换属性，从而允许动画控制平移、缩放、旋转和/或倾斜。

使用上下文

类别	动画元素
允许的内容	任意数量的以下元素，按任意顺序描述性元素

示例

html

<svg
  width="120"
  height="120"
  viewBox="0 0 120 120"
  xmlns="http://www.w3.org/2000/svg">
  <polygon points="60,30 90,90 30,90">
    <animateTransform
      attributeName="transform"
      attributeType="XML"
      type="rotate"
      from="0 60 70"
      to="360 60 70"
      dur="10s"
      repeatCount="indefinite" />
  </polygon>
</svg>

属性

by
from
to
type

DOM 接口

此元素实现了 SVGAnimateTransformElement 接口。

规范

规范
SVG 动画级别 2 # AnimateTransformElement

浏览器兼容性

BCD 表格仅在浏览器中加载