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.
Das SVGAnimationElement
-Interface ist das Basis-Interface für alle Animations-Element-Interfaces: SVGAnimateElement
, SVGSetElement
, SVGAnimateColorElement
, SVGAnimateMotionElement
und SVGAnimateTransformElement
.
Instanz-Eigenschaften
Dieses Interface erbt auch Eigenschaften von seinem Eltern-Interface, SVGElement
.
SVGAnimationElement.requiredExtensions
Nur lesbar-
Eine
SVGStringList
, die dasrequiredExtensions
-Attribut des gegebenen Elements widerspiegelt. SVGAnimationElement.systemLanguage
Nur lesbar-
Eine
SVGStringList
, die dassystemLanguage
-Attribut des gegebenen Elements widerspiegelt. SVGAnimationElement.targetElement
Nur lesbar-
Ein
SVGElement
, das das Element darstellt, welches animiert wird. Wenn kein Ziel-Element animiert wird (zum Beispiel, weil dashref
ein unbekanntes Element spezifiziert), ist der zurückgegebene Wertnull
.
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 CodeINVALID_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 CodeNOT_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
BCD tables only load in the browser