The SVGAnimationElement
interface is the base interface for all of the animation element interfaces: SVGAnimateElement
, SVGSetElement
, SVGAnimateColorElement
, SVGAnimateMotionElement
and SVGAnimateTransformElement
.
This interface also inherits properties from its parent, SVGElement
.
SVGAnimationElement.targetElement
Read only
SVGElement
representing the element which is being animated. If no target element is being animated (for example, because the href
specifies an unknown element) the value returned is null
.SVGAnimationElement.onbegin
The event handler for the beginEvent
event .
SVGAnimationElement.onend
endEvent
event .SVGAnimationElement.onrepeat
repeatEvent
event .This interface also inherits methods from its parent, SVGElement
.
SVGAnimationElement.getStartTime()
DOMException
with code INVALID_STATE_ERR
is thrown.SVGAnimationElement.getCurrentTime()
SVGAnimationElement.getSimpleDuration()
DOMException
with code NOT_SUPPORTED_ERR
is raised.SVGAnimationElement.beginElement()
beginElementAt(0)
.SVGAnimationElement.beginElementAt()
Creates a begin instance time for the current time plus the specified offset. The new instance time is added to the begin instance times list.
SVGAnimationElement.endElement()
Creates an end instance time for the current time. The new instance time is added to the end instance times list. The behavior of this method is equivalent to endElementAt(0)
.
SVGAnimationElement.endElementAt()
Creates a end instance time for the current time plus the specified offset. The new instance time is added to the end instance times list.
Specification | Status | Comment |
SVG Animations Level 2 The definition of 'SVGAnimationElement' in that specification. | Editor's Draft | |
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'SVGAnimationElement' in that specification. | Recommendation | Initial definition |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | Yes | No | Yes | No | Yes | Yes |
onbegin |
Yes | No | Yes | No | Yes | Yes |
onend |
Yes | No | Yes | No | Yes | Yes |
onrepeat |
Yes | No | Yes | No | Yes | No |
targetElement |
Yes | No | Yes | No | Yes | Yes |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | ? | No | No | Yes | Yes | Yes | ? |
onbegin |
? | ? | No | ? | ? | ? | ? |
onend |
? | ? | No | ? | ? | ? | ? |
onrepeat |
? | ? | No | ? | ? | ? | ? |
targetElement |
? | ? | No | ? | ? | ? | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGAnimationElement