Specification link: 19.2 Animation elements

animate-elem-07-t ← index → animate-elem-09-t

Tests that contain the draft-watermark are under development and may be incorrectly testing a feature.

# animate-elem-08-t.svg
SVG Image | PNG Image

## Operator Script

Run the test. No interaction required.

## Pass Criteria

The test is passed if:

- each of the triangles are animated along the respective black curves over the course of 6 seconds
- the leftmost triangle points upwards and the rightmost triangle points downwards
- the triangles are rotated during the animation so that they are always perpendicular to the tangential vector at the current position on the respective curve

## Test Description

Test rotate='auto' and rotate='auto-reverse'.

Two animations have been defined that move a triangle along a path. The first animation specifies rotate='auto', which causes the object to be rotated along the curve of the path. The second animation specifies rotate='auto-reverse', which causes the object to be flipped and then rotated along the curve of the path.

animate-elem-07-t ← index → animate-elem-09-t