Full version, Basic version, Tiny version

Specification link: 19.2 Animation elements

animate-elem-78-t ← index → animate-elem-81-t

# animate-elem-80-t
SVG Image | PNG Image
$RCSfile: animate-elem-80-t.svg,v $ $Revision: 1.7 $ <animateTransform> type=rotate type=skewX type=skewY type=scale (sx and sy) type=rotate (with cx/cy) type=translate (tx only) type=translate (tx and ty) type=scale (sx only) |

This test demonstrates validates the operation of the animateTransform element and validates the operation of the different type attribute values.

There are 5 possible values for the type attribute and there is one animateTransform for each type and two for the translate type.

For each transform type, the test has a corresponding animateTransform. The test uses references to show what the expected transform should be at different points in the animation. For example, the top left animateTransform, for type=rotate, shows circular markers which turn orange at the time of corresponding transform value should be set by the animateTransform. The marker elements show the expected transform value on reference markers in the test.

animate-elem-78-t ← index → animate-elem-81-t