Animation
<< < > >> > Hauptteil > Elemente > Animation > Einleitung

2. Hauptteil
   2.5 Elemente
     2.5.1 Primitive
     2.5.3 Text
     2.5.4 Komplexe
     2.5.6 Animation
       2.5.6.1 Einleitung
       2.5.6.2 Attribute
       2.5.6.3 Farbe
       2.5.6.4 Pfad
     2.5.7 weitere

Neben den Filtern, Mustern und Verläufen sind Animationen das interessanteste Feld innerhalb einer SVG. Grob eingeteilt kennt SVG zwei Möglichkeiten von Animationen: Bewegungs- und Farb- bzw. Attributanimationen.

Dabei gibt es im Detail fünf verschiedene Animationsarten und damit Animationselemente:

Animationselement Bedeutung
<animateMotion> bewegt ein Element entlange eines Bewegungspfades, der über das Element <mpath> definiert wird.
<animateColor> verändert die Farbeigenschaften eines Elementes über die Zeit.
<animateTransform> modifiziert die Transformationseigenschaften (Position, Größe und Ausrichtung) über die Zeit
<animate> kann fast jedes Attribut eines Elements über die Zeit verändern. Ob ein Attribut animierbar ist oder nicht, kann auf der jeweiligen Seite zu diesem Attribut des W3C eingesehen werden, denn bei der Beschreibung jedes Elementes und dessen Attributs wird auch herausgestellt, ob dieses "animateable" ist.
<set> ist eine kürzere Version von <animate> und ist besonders nützlich zum Verändern von nicht-numerischen Attributen.

Einem Element eine Animation zuzuordnen ist sehr simpel und für jede der Animationsarten gleich. Es reicht aus, das Animations-Tag dem Element-Tag unterzuordnen, also als Child des Elements zu definieren.