Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 75261 of SVGAnimatedNumber

  • Revision slug: DOM/SVGAnimatedNumber
  • Revision title: SVGAnimatedNumber
  • Revision id: 75261
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment page created, 141 words added

Revision Content

SVG animated number interface

The SVGAnimatedNumber interface is used for attributes of basic type <Number> which can be animated.

Interface overview

Also implement None
Methods None
Properties
  • readonly float baseVal
  • readonly float animVal
Normative document SVG 1.1 (2nd Edition)

Properties

Name Type Description
baseVal float The base value of the given attribute before applying any animations.
animVal float 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.

Methods

The SVGAnimatedNumber interface do not provide any specific methods.

Browser compatibility

{{ CompatibilityTable() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }}
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support {{ CompatNo() }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }}

Revision Source

<h2 id="SVG_animated_number_interface">SVG animated number interface</h2>
<p>The <code>SVGAnimatedNumber</code> interface is used for attributes of basic type <a href="/en/SVG/Content_type#Number" title="https://developer.mozilla.org/en/SVG/Content_type#Number">&lt;Number&gt;</a> which can be animated.</p>
<h3 id="Interface_overview">Interface overview</h3>
<table class="standard-table"> <tbody> <tr> <th scope="row">Also implement</th> <td><em>None</em></td> </tr> <tr> <th scope="row">Methods</th> <td><em>None</em></td> </tr> <tr> <th scope="row">Properties</th> <td> <ul> <li>readonly float <code>baseVal</code></li> <li>readonly float <code>animVal</code></li> </ul> </td> </tr> <tr> <th scope="row">Normative document</th> <td><a class="external" href="https://www.w3.org/TR/SVG11/types.html#InterfaceSVGAnimatedNumber" title="https://www.w3.org/TR/SVG11/types.html#InterfaceSVGAnimatedNumber">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody>
</table>
<h2 id="Properties">Properties</h2>
<table class="standard-table"> <thead> <tr> <th>Name</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><code>baseVal</code></td> <td>float</td> <td>The base value of the given attribute before applying any animations.</td> </tr> <tr> <td><code>animVal</code></td> <td>float</td> <td>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 <code>baseVal</code>.</td> </tr> </tbody>
</table>
<h2 id="Methods">Methods</h2>
<p>The <code>SVGAnimatedNumber</code> interface do not provide any specific methods.</p>
<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>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</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>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> </tr> </tbody>
</table>
</div>
Revert to this revision