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.
Run the test. No interaction required.
The test has eight sub-tests, each of which consists of a brown shape being animated in some way with the animation starting two seconds after the document is loaded. Gray shapes are used to indicate points along the animation. The test passes if the brown shape in each of the sub-tests is animated correctly, according to the following descriptions: