addKeyframe

[ Funktion ]

public addKeyframe(keyframe: TcHmi.Animation.Keyframe): this;

Fügt einen Keyframe hinzu.

Parameter

Name

Typ

Beschreibung

keyframe

TcHmi.Animation.Keyframe

Der Keyframe der hinzugefügt werden soll.

Rückgabewert

Typ

Beschreibung

TcHmi.Animation

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({
    styles: { top: ['20px'], left: ['20px'] },
    progressPoint: 0
}).addKeyframe({
    styles: { top: ['50px'], left: ['50px'] },
    progressPoint: 1
});
addKeyframe 1:

Verfügbar ab Version 1.8