<animateTransform>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Das <animateTransform> SVG-Element animiert ein Transformationsattribut auf seinem Zielelement und ermöglicht so Animationen, die Translation, Skalierung, Rotation und/oder Scherung steuern.

Verwendungskontext

KategorienAnimationselement
Erlaubter InhaltBeliebige Anzahl folgender Elemente, in beliebiger Reihenfolge:
Beschreibende Elemente

Beispiel

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>

Attribute

DOM-Schnittstelle

Dieses Element implementiert die SVGAnimateTransformElement-Schnittstelle.

Spezifikationen

Specification
SVG Animations Level 2
# AnimateTransformElement

Browser-Kompatibilität

BCD tables only load in the browser