This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The SVGAnimatedNumber interface represents attributes of type <number> which can be animated.
baseValAn SVGAnimatedNumber representing the base value as a floating point value of the given attribute before applying any animations.
animVal Read only
If the given attribute or property is being animated, an SVGAnimatedNumber containing the current animated value of the attribute or property. If the given attribute or property is not currently being animated, an SVGAnimatedNumber containing the same value as baseVal.
The SVGAnimatedNumber interface do not provide any specific methods.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
SVGAnimatedNumber |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 | 1 |
animVal |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 | 1 |
baseVal |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 | 1 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGAnimatedNumber