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

浏览器兼容性