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 动画级别 2 # InterfaceSVGAnimationElement |
浏览器兼容性
BCD 表格仅在启用了 JavaScript 的浏览器中加载。