SVGAnimationElement

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

* Some parts of this feature may have varying levels of support.

Instanz-Eigenschaften

Dieses Interface erbt auch Eigenschaften von seinem Eltern-Interface, SVGElement.

SVGAnimationElement.requiredExtensions Schreibgeschützt

Eine SVGStringList, die das requiredExtensions-Attribut des gegebenen Elements widerspiegelt.

SVGAnimationElement.systemLanguage Schreibgeschützt

Eine SVGStringList, die das systemLanguage-Attribut des gegebenen Elements widerspiegelt.

SVGAnimationElement.targetElement Schreibgeschützt

Ein SVGElement, das das Element darstellt, welches animiert wird. Wenn kein Ziel-Element animiert wird (zum Beispiel, weil das href ein unbekanntes Element spezifiziert), ist der zurückgegebene Wert null.

Instanz-Methoden

Dieses Interface erbt auch Methoden von seinem Eltern-Interface, SVGElement.

SVGAnimationElement.getStartTime()

Gibt einen Float-Wert zurück, der die Startzeit, in Sekunden, für das aktuelle Intervall dieses Animations-Elements darstellt, falls es existiert, unabhängig davon, ob das Intervall bereits begonnen hat. Wenn kein aktuelles Intervall vorhanden ist, wird eine DOMException mit dem Code INVALID_STATE_ERR geworfen.

SVGAnimationElement.getCurrentTime()

Gibt einen Float-Wert zurück, der die aktuelle Zeit in Sekunden relativ zur Zeit Null des gegebenen Zeitcontainers darstellt.

SVGAnimationElement.getSimpleDuration()

Gibt einen Float-Wert zurück, der die Anzahl der Sekunden für die einfache Dauer dieser Animation darstellt. Wenn die einfache Dauer undefiniert ist (z.B. die Endzeit ist unbestimmt), wird eine DOMException mit dem Code NOT_SUPPORTED_ERR ausgelöst.

SVGAnimationElement.beginElement()

Erstellt eine Anfangszeitinstanz für die aktuelle Zeit. Die neue Zeitinstanz wird zur Liste der Anfangszeiten hinzugefügt. Das Verhalten dieser Methode entspricht beginElementAt(0).

SVGAnimationElement.beginElementAt()

Erstellt eine Anfangszeitinstanz für die aktuelle Zeit plus den angegebenen Offset. Die neue Zeitinstanz wird zur Liste der Anfangszeiten hinzugefügt.

SVGAnimationElement.endElement()

Erstellt eine Endzeitinstanz für die aktuelle Zeit. Die neue Zeitinstanz wird zur Liste der Endzeiten hinzugefügt. Das Verhalten dieser Methode entspricht endElementAt(0).

SVGAnimationElement.endElementAt()

Erstellt eine Endzeitinstanz für die aktuelle Zeit plus den angegebenen Offset. Die neue Zeitinstanz wird zur Liste der Endzeiten hinzugefügt.

Ereignisse

Verwenden Sie diese Ereignisse mit addEventListener() oder indem Sie einen Ereignis-Listener der on... Handler-Eigenschaft dieses Interfaces zuweisen.

beginEvent

Wird ausgelöst, wenn die lokale Zeitachse des Elements beginnt zu spielen.

endEvent

Wird ausgelöst, wenn das aktive Ende der Animation erreicht ist.

repeatEvent

Wird ausgelöst, wenn die lokale Zeitachse des Elements sich wiederholt. Es wird jedes Mal ausgelöst, wenn das Element sich wiederholt, nach der ersten Iteration.

Spezifikationen

Specification
SVG Animations Level 2
# InterfaceSVGAnimationElement

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
SVGAnimationElement
beginElement
beginElementAt
beginEvent event
endElement
endElementAt
endEvent event
getCurrentTime
getSimpleDuration
getStartTime
repeatEvent event
requiredExtensions
systemLanguage
targetElement

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
Has more compatibility info.