Specification link: 19.2 Animation elements

animate-elem-41-t ← index → animate-elem-46-t

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

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

## Operator Script

Run the test. No interaction required.

## Pass Criteria

The test is passed if all of the following conditions are met:

- The red path in the shape of the digit "1" morphs continuously over three seconds (from 1s to 4s in document time) to the shape of "2", "3" and then "4". The gray paths show the four shapes and positions that the red path takes as it morphs.
- From 0s to 2s, the circle below the "1" digit is red and the others are gray.
- From 2s to 3s, the circle below the "2" digit is red and the others are gray.
- From 3s to 4s, the circle below the "3" digit is red and the others are gray.
- From 4s onwards, the circle below the "4" digit is red and the others are gray.

## Test Description

The purpose of this test is to test animation of the d attribute of the path element.

This test consists of a path, specified as a series of lineto commands, whose d attribute is animated. The path morphs between the numbers 1, 2, 3, and 4. The gray outlines indicates the expected position of the polygon at 1, 2, 3 and 4s. The test contains an animated circle that indicates where the path should be at a given time.

animate-elem-41-t ← index → animate-elem-46-t