Revision 1029880 of SVGAnimatedString

<div>{{APIRef("SVG")}}</div>

<div>&nbsp;</div>

<p>The<code><strong> SVGAnimatedString </strong></code>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.</p>

<h2 id="Properties">Properties</h2>

<dl>
 <dt>{{domxref("SVGAnimatedString.animVal")}} {{readonlyInline}}</dt>
 <dd>This is a {{domxref("DOMString")}} representing the animation value.<span class="field"><span class="_animVal doc">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 </span></span>baseVal<span class="field"><span class="_animVal doc">.</span></span></dd>
 <dt>{{domxref("SVGAnimatedString.baseVal")}}</dt>
 <dd>This is a {{domxref("DOMString")}} representing the base value. <span class="field"><span class="_baseVal doc">The base value of the given attribute before applying any animations. Setter throws DOMException.</span></span></dd>
</dl>

<h2 id="Methods">Methods</h2>

<p><em>The <code>SVGAnimatedString</code> interface do not provide any specific methods.</em></p>

<h2 id="Examples">Examples</h2>

<pre class="lang-js prettyprint prettyprinted">
<code><span class="typ">SVGAnimatedString</span></code></pre>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName('SVG and HTML', 'svg-html-proposal.html')}}</td>
   <td>{{Spec2('SVG and HTML')}}</td>
   <td>&nbsp;</td>
  </tr>
  <tr>
   <td>{{SpecName('SVG1.1', '#InterfaceSVGAnimatedString')}}</td>
   <td>{{Spec2('SVG1.1')}}</td>
   <td>&nbsp;</td>
  </tr>
  <tr>
   <td>{{SpecName('SVG2', 'types.html#InterfaceSVGAnimatedString')}}</td>
   <td>{{Spec2('SVG2')}}</td>
   <td>&nbsp;</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{CompatNo}}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{ CompatNo() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{CompatNo}}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<p>&nbsp;</p>