fillMode

[ Funktion ]

public fillMode(valueNew: 'none' | 'forwards' | 'backwards' | 'both' | null): this;

Legt fest, ob der erste Keyframe schon vor Beginn und/oder der letzte auch nach dem Ende der Animation wirken soll.

Parameter

Name	Typ	Beschreibung
valueNew	string, null	Der Füllmodus der Animation. Wenn null übergeben wird, wird der Standardwert `'none'` verwendet. `'none'` bedeutet, dass der erste Keyframe erst wirkt, wenn die Verzögerung verstrichen ist und die Animation startet. Nach dem Ende der Animation springt das animierte Element wieder in den Ursprungszustand zurück. `'forwards'` bewirkt, dass der letzte Keyframe weiterhin wirkt nachdem die Animation abgelaufen ist. `'backwards'` bewirkt, dass der erste Keyframe schon vor dem Start der Animation wirkt, während die Verzögerung verstreicht. `'both'` kombiniert `'forwards'` und `'backwards'`.

Name

Typ

Beschreibung

valueNew

string, null

Der Füllmodus der Animation. Wenn null übergeben wird, wird der Standardwert 'none' verwendet.

'none' bedeutet, dass der erste Keyframe erst wirkt, wenn die Verzögerung verstrichen ist und die Animation startet. Nach dem Ende der Animation springt das animierte Element wieder in den Ursprungszustand zurück.

'forwards' bewirkt, dass der letzte Keyframe weiterhin wirkt nachdem die Animation abgelaufen ist.

'backwards' bewirkt, dass der erste Keyframe schon vor dem Start der Animation wirkt, während die Verzögerung verstreicht.

'both' kombiniert 'forwards' und 'backwards'.

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', '');
var fillModeDefault = animation.fillMode(); // 'none'
animation.fillMode('both');
var fillMode = animation.fillMode(); // 'both'

	Verfügbar ab Version 1.8