addKeyframe

[ Funktion ]

public addKeyframe(styles: Dictionary<string | string[]>, progressPoint: number): this;

Fügt einen Keyframe hinzu.

Parameter

Name

Typ

Beschreibung

styles

Dictionary<string | string[]>

Eine Sammlung von CSS-Eigenschaften und ihren gewünschten Werten.

progressPoint

number

Ein Wert zwischen 0 und 1 inklusive, der den Zeitpunkt der Animation bestimmt. 0 ist der Start und 1 das Ende der Animation.

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

Verfügbar ab Version 1.8