{{APIRef("SVG")}}
The SVGAnimatedString
interface represent string attributes which can be animated from each SVG declaration. You need to create SVG attribute before doing anything else, Everything should be decalre inside this.
Properties
- {{domxref("SVGAnimatedString.animVal")}} {{readonlyInline}}
- {{domxref("SVGAnimatedString.animVal")}} is a {{domxref("DOMString")}} representing the animation value.If the given attribute or property is being animated, contains the current animated value of the attribute or property. If the given attribute or property is not currently being animated, contains the same value as baseVal.
- {{domxref("SVGAnimatedString.baseVal")}}
- {{domxref("SVGAnimatedString.baseVal")}} ss a {{domxref("DOMString")}} representing the base value. The base value of the given attribute before applying any animations. Setter throws DOMException.
Methods
The SVGAnimatedString
interface do not provide any specific methods.
Examples
Below example set a split prototype on the SVGAnimatedString object which will return the split of the baseVal on this.
SVGAnimatedString.prototype.split = function(){
return String.prototype.split.apply(this.baseVal, arguments);
};
Specifications
Specification | Status | Comment |
---|---|---|
{{SpecName('Scalable Vector Graphics (SVG) 1.1 (Second Edition)', '#InterfaceSVGAnimatedString')}} | {{Spec2('SVG1.1')}} |
Browser compatibility
{{CompatibilityTable}}
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | {{ CompatVersionUnknown() }} | {{ CompatVersionUnknown() }} | {{CompatNo}} | {{ CompatUnknown() }} | {{ CompatUnknown() }} |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | {{ CompatNo() }} | {{ CompatVersionUnknown() }} | {{CompatNo}} | {{ CompatUnknown() }} | {{ CompatUnknown() }} |