reverseKeyframes
[ Funktion ]
public reverseKeyframes(): this;Kehrt die Reihenfolge in der die Keyframes abgespielt werden um, indem der jeweilige progressPoint von 1 abgezogen und das Ergebnis als neuer progressPoint gesetzt wird. Kann verwendet werden um Animationen nach dem Abspielen wieder rückwärts laufen zu lassen.
Parameter
Name | Typ | Beschreibung |
|---|---|---|
- | - | - |
Rückgabewert
Typ | Beschreibung |
|---|---|
Diese Methode gibt ihr Elternobjekt zurück, um eine Aneinanderkettung von Methodenaufrufen zu ermöglichen. |
Beispiel – JavaScript
var animation = new TcHmi.Animation('ViewDesktopBeckhoffLogo', '');
animation.addKeyframe('top', '20px', 0)
.addKeyframe('top', '50px', 1);
animation.reverseKeyframes();
var keyframes = animation.keyframes();
// [{ styles: { top: ["20px"] }, progressPoint: 1 }, { styles: { top: ["50px"] }, progressPoint:0 }] | Verfügbar ab Version 1.8 |