SVGAnimationElement

Baseline 廣泛可用 *

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流瀏覽器均已支援。

* 此特性的某些部分可能存在不同級別的支援。

SVGAnimationElement 介面是所有動畫元素介面的基介面:SVGAnimateElementSVGSetElementSVGAnimateColorElementSVGAnimateMotionElementSVGAnimateTransformElement

EventTarget Node Element SVGElement SVGAnimationElement

例項屬性

此介面還繼承了其父介面 SVGElement 的屬性。

SVGAnimationElement.requiredExtensions 只讀

一個 SVGStringList,反映給定元素的 requiredExtensions 屬性。

SVGAnimationElement.systemLanguage 只讀

一個 SVGStringList,反映給定元素的 systemLanguage 屬性。

SVGAnimationElement.targetElement 只讀

一個 SVGElement,代表正在被動畫化的元素。如果沒有元素正在被動畫化(例如,因為 href 指定了一個未知元素),則返回值為 null

例項方法

此介面還繼承了其父介面 SVGElement 的方法。

SVGAnimationElement.getStartTime()

返回一個浮點數,表示此動畫元素當前時間間隔的開始時間(以秒為單位),如果存在的話,無論該時間間隔是否已經開始。如果不存在當前時間間隔,則丟擲具有程式碼 INVALID_STATE_ERRDOMException

SVGAnimationElement.getCurrentTime()

返回一個浮點數,表示給定時間容器的當前時間(以秒為單位),相對於時間零點。

SVGAnimationElement.getSimpleDuration()

返回一個浮點數,表示此動畫的簡單持續時間的秒數。如果簡單持續時間未定義(例如,結束時間不確定),則會引發具有程式碼 NOT_SUPPORTED_ERRDOMException

SVGAnimationElement.beginElement()

為當前時間建立一個開始例項時間。新的例項時間被新增到開始例項時間列表中。此方法的行為等同於 beginElementAt(0)

SVGAnimationElement.beginElementAt()

為當前時間加上指定偏移量建立一個開始例項時間。新的例項時間被新增到開始例項時間列表中。

SVGAnimationElement.endElement()

為當前時間建立一個結束例項時間。新的例項時間被新增到結束例項時間列表中。此方法的行為等同於 endElementAt(0)

SVGAnimationElement.endElementAt()

為當前時間加上指定偏移量建立一個結束例項時間。新的例項時間被新增到結束例項時間列表中。

事件

使用 addEventListener() 或將事件監聽器分配給此介面的 on... 處理程式屬性來監聽這些事件。

beginEvent

當元素本地時間線開始播放時觸發。

endEvent

當到達動畫的活動結束時觸發。

repeatEvent

當元素的本地時間線重複時觸發。在第一次迭代之後,每次元素重複時都會觸發。

規範

規範
SVG 動畫級別 2
# InterfaceSVGAnimationElement

瀏覽器相容性