Revision 94940 of animateTransform

  • Revision slug: SVG/Element/animateTransform
  • Revision title: animateTransform
  • Revision id: 94940
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment 16 words added

Revision Content

{{ SVGRefElem() }}

The animateTransform element animates a transformation attribute on a target element, thereby allowing animations to control translation, scaling, rotation and/or skewing.

Usage context

Categories Animation element
Permitted content Any number of the following elements, in any order:
Descriptive elements »
Normative document SVG 1.1 (2nd Edition)

Example

Attributes

Global attributes

Specific attributes

  • {{ SVGAttr("by") }}
  • {{ SVGAttr("from") }}
  • {{ SVGAttr("to") }}
  • {{ SVGAttr("type") }}

DOM Interface

This element implements the SVGAnimateTransformElement interface.

Revision Source

<p>{{ SVGRefElem() }}</p>
<p>The <code>animateTransform</code> element animates a transformation attribute on a target element, thereby allowing animations to control translation, scaling, rotation and/or skewing.</p>
<h2>Usage context</h2>
<table class="standard-table"> <tbody> <tr> <th scope="row">Categories</th> <td>Animation element</td> </tr> <tr> <th scope="row">Permitted content</th> <td>Any number of the following elements, in any order:<br> <a href="/en/SVG/Element#Descriptive" title="en/SVG/Attribute#Descriptive">Descriptive elements</a> »</td> </tr> <tr> <th scope="row">Normative document</th> <td><a class="external" href="http://www.w3.org/TR/SVG/animate.html#AnimateTransformElement" title="http://www.w3.org/TR/SVG/animate.html#AnimateTransformElement">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody>
</table><h2>Example</h2>
<h2>Attributes</h2>
<h3>Global attributes</h3>
<ul> <li><a href="/en/SVG/Attribute#ConditionalProccessing" title="en/SVG/Attribute#ConditionalProccessing">Conditional processing attributes</a> »</li> <li><a href="/en/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Core attributes</a> »</li> <li><a href="/en/SVG/Attribute#AnimationEvent" title="en/SVG/Attribute#AnimationEvent">Animation event attributes</a> »</li> <li><a href="/en/SVG/Attribute#XLink" title="en/SVG/Attribute#XLink">Xlink attributes</a> »</li> <li><a href="/en/SVG/Attribute#AnimationAttributeTarget" title="en/SVG/Attribute#AnimationAttributeTarget">Animation attribute target attributes</a> »</li> <li><a href="/en/SVG/Attribute#AnimationTiming" title="en/SVG/Attribute#AnimationTiming">Animation timing attributes</a> »</li> <li><a href="/en/SVG/Attribute#AnimationValue" title="en/SVG/Attribute#AnimationValue">Animation value attributes</a> »</li> <li><a href="/en/SVG/Attribute#AnimationAddition" title="en/SVG/Attribute#AnimationAddition">Animation addition attributes</a> »</li> <li>{{ SVGAttr("externalResourcesRequired") }}</li>
</ul>
<h3>Specific attributes</h3>
<ul> <li>{{ SVGAttr("by") }}</li> <li>{{ SVGAttr("from") }}</li> <li>{{ SVGAttr("to") }}</li> <li>{{ SVGAttr("type") }}</li>
</ul><h2>DOM Interface</h2>
<p>This element implements the <code><a href="/en/DOM/SVGAnimateTransformElement" title="en/DOM/SVGAnimateTransformElement">SVGAnimateTransformElement</a></code> interface.</p>
Revert to this revision