SVG/Attribut/calcMode

Das calcMode-Attribut legt fest, wie die Zwischenschritte der Animation berechnet werden

Erlaubte Werte

• discrete: Im Modus discrete wird ohne fließenden Übergang direkt zwischen 2 Zuständen umgeschaltet.
• linear: Standardwert für animate, animateTransform und set.
  Die Zeit für die einzelnen Schritte bleibt konstant, die Geschwindigkeit kann variieren.
• paced: Standardwert für animateMotion, Geschwindigkeit bleibt gleich, Dauer der einzelnen Übergänge kann variieren.
• spline: Animation wird anhand einer Bézier-Kurve interpoliert, die mit der Eigenschaft keySplines festgelegt wurde.

Standardwert

linear

anwendbar auf

animate, animateMotion

Präsentationsattribut

nein

mit CSS animierbar

nein

Beispiel

<circle cx="100" cy="190" r="40" fill="red">
      <animate attributeName="r" 
               begin="0s" dur="9s" 
               calcMode="discrete" 
               values="10; 70; 90" 
      />
</circle>

Da das calcMode-Attribut den Wert discrete hat, verläuft die Animation ruckartig in 3 Schritten zwischen den in values festgelegten Werten..

Siehe auch

• SMIL#mehrstufige Animationen

Weblinks

Spezifikation (W3C): calcMode attribute