SVGAnimationElement

Baseline

Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.

* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.

Vollständige Kompatibilität anzeigen
Mehr erfahren

Das SVGAnimationElement-Interface ist das Basis-Interface für alle Interfaces von Animationselementen: SVGAnimateElement, SVGSetElement, SVGAnimateMotionElement und SVGAnimateTransformElement.

Instanzeigenschaften

Dieses Interface erbt auch Eigenschaften von seinem übergeordneten Interface SVGElement.

SVGAnimationElement.requiredExtensions Schreibgeschützt: Eine SVGStringList, die das Attribut requiredExtensions des betreffenden Elements widerspiegelt.
SVGAnimationElement.systemLanguage Schreibgeschützt: Eine SVGStringList, die das Attribut systemLanguage des betreffenden Elements widerspiegelt.
SVGAnimationElement.targetElement Schreibgeschützt: Ein SVGElement, das das animierte Element repräsentiert. Wenn kein Zielelement animiert wird, beispielsweise weil href ein unbekanntes Element angibt, wird null zurückgegeben.

Instanzmethoden

Dieses Interface erbt auch Methoden von seinem übergeordneten Interface SVGElement.

SVGAnimationElement.getStartTime(): Gibt eine Gleitkommazahl zurück, die die Startzeit des aktuellen Intervalls dieses Animationselements in Sekunden angibt, sofern ein solches Intervall existiert – unabhängig davon, ob es bereits begonnen hat. Wenn kein aktuelles Intervall existiert, wird eine DOMException mit dem Code INVALID_STATE_ERR ausgelöst.
SVGAnimationElement.getCurrentTime(): Gibt eine Gleitkommazahl zurück, die die aktuelle Zeit in Sekunden relativ zum Zeitnullpunkt des betreffenden Zeitcontainers angibt.
SVGAnimationElement.getSimpleDuration(): Gibt eine Gleitkommazahl zurück, die die einfache Dauer dieser Animation in Sekunden angibt. Wenn die einfache Dauer nicht definiert ist, beispielsweise weil die Endzeit unbegrenzt ist, wird eine DOMException mit dem Code NOT_SUPPORTED_ERR ausgelöst.
SVGAnimationElement.beginElement(): Erzeugt einen Startzeitpunkt für die aktuelle Zeit. Der neue Zeitpunkt wird der Liste der Startzeitpunkte hinzugefügt. Das Verhalten dieser Methode entspricht beginElementAt(0).
SVGAnimationElement.beginElementAt(): Erzeugt einen Startzeitpunkt für die aktuelle Zeit zuzüglich des angegebenen Offsets. Der neue Zeitpunkt wird der Liste der Startzeitpunkte hinzugefügt.
SVGAnimationElement.endElement(): Erzeugt einen Endzeitpunkt für die aktuelle Zeit. Der neue Zeitpunkt wird der Liste der Endzeitpunkte hinzugefügt. Das Verhalten dieser Methode entspricht endElementAt(0).
SVGAnimationElement.endElementAt(): Erzeugt einen Endzeitpunkt für die aktuelle Zeit zuzüglich des angegebenen Offsets. Der neue Zeitpunkt wird der Liste der Endzeitpunkte hinzugefügt.

Ereignisse

Sie können auf diese Ereignisse mit addEventListener() reagieren oder der on...-Handler-Eigenschaft dieses Interfaces einen Event-Listener zuweisen.

beginEvent: Wird ausgelöst, wenn die lokale Zeitleiste des Elements zu laufen beginnt.
endEvent: Wird ausgelöst, wenn das aktive Ende der Animation erreicht wird.
repeatEvent: Wird ausgelöst, wenn sich die lokale Zeitleiste des Elements wiederholt. Das Ereignis wird nach dem ersten Durchlauf bei jeder Wiederholung des Elements ausgelöst.

Spezifikationen

Spezifikation
SVG Animations Level 2 # InterfaceSVGAnimationElement

Browser-Kompatibilität

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden