<animateTransform>

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 1 月⁩ 起，所有主流瀏覽器均已支援。

<animateTransform> SVG 元素會為目標元素的一個變換屬性新增動畫，從而允許動畫控制平移、縮放、旋轉和/或傾斜。

使用語境

分類	動畫元素
允許內容	可包含任意數量、任意順序的下列元素描述性元素

示例

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>

屬性

DOM 介面

此元素實現了 SVGAnimateTransformElement 介面。

規範

規範
SVG 動畫級別 2 # AnimateTransformElement

瀏覽器相容性

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 2025年5月26日，由 MDN 貢獻者更新。

在 GitHub 上檢視此頁面 • 報告此內容的問題