SVGAnimationElement - 所有动画元素接口的基础接口

SVGAnimationElement 接口是所有动画元素接口的基础接口：SVGAnimateElement，SVGSetElement，SVGAnimateColorElement，SVGAnimateMotionElement 和 SVGAnimateTransformElement。

属性

此接口还继承其父接口 SVGElement 的属性。

SVGAnimationElement.requiredExtensions 只读

一个 SVGStringList，反映给定元素的 requiredExtensions 属性。

SVGAnimationElement.systemLanguage 只读

一个 SVGStringList，反映给定元素的 systemLanguage 属性。

SVGAnimationElement.targetElement 只读

一个 SVGElement，表示正在设置动画的元素。如果没有目标元素被动画化（例如，因为 href 指定了一个未知元素），则返回的值为 null 。

方法

该接口还继承了其父接口 SVGElement 的方法。

SVGAnimationElement.getStartTime()

返回一个浮点数，表示此动画元素的当前间隔（如果存在） 的开始时间（以秒为单位），无论该间隔是否已经开始。如果当前没有间隔，则抛出代码为 INVALID_STATE_ERR 的 DOMException。

SVGAnimationElement.getCurrentTime()

返回一个浮点数，该浮点数表示给定时间容器相对于时间零的当前时间 (秒)。

SVGAnimationElement.getSimpleDuration()

返回一个浮点数，表示此动画的简单持续时间的秒数。如果简单的时长未定义（例如，结束时间不确定），则会引发代码为 NOT_SUPPORTED_ERR 的 DOMException。

SVGAnimationElement.beginElement()

为当前时间创建开始实例时间。新的实例时间将添加到开始实例时间列表中。此方法的行为相当于 beginElementAt(0)。

SVGAnimationElement.beginElementAt()

创建当前时间加上指定偏移量的开始实例时间。新的实例时间将添加到开始实例时间列表中。

SVGAnimationElement.endElement()

为当前时间创建结束实例时间。新的实例时间将添加到结束实例时间列表中。该方法的行为相当于 endElementAt(0) 。

SVGAnimationElement.endElementAt()

创建当前时间加上指定偏移量的结束实例时间。新的实例时间将添加到结束实例时间列表中。

事件

使用 addEventListener() 或通过将事件监听器分配给此接口的 on... 处理程序属性来监听这些事件。

beginEvent

在元素本地时间线开始播放时触发。

endEvent

在到达动画的活动端时触发。

repeatEvent

在元素的本地时间线重复时触发。在第一次迭代之后，它将在元素每次重复时被触发。

规范

规范
SVG Animations Level 2 # InterfaceSVGAnimationElement

桌面浏览器兼容性

暂无兼容数据