Specification link: 19.2 Animation elements

animate-elem-29-b ← index → animate-elem-31-t

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

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

## Operator Script

Run the test. No interaction required.

## Pass Criteria

The test passes if:

- Each animated element (the line, circle, three-segment polyline, image and the two rectangles) is transformed with a continuous animation over three seconds. The size and shape of each element must start off as shown by the silhouette at the start of the arrow, and must end up as shown by the silhouette at the end of the arrow.
- The fill of the two rectangles is animated over three seconds from white to blue.

## Test Description

The purpose of this test is to test animated <use> where the referenced <defs> also is animated.

The test shows 6 different elements, each element defined in a <defs> and referenced with a <use>. All the elements are animated between 0-3 seconds. The expected animation transform is indicated with a gray silhouette showing the border values (0 and 3 seconds) and an arrow indicating the movement in between. For the two elements with a color animation, the colors goes from white to blue (the same blue color used for all elements).

animate-elem-29-b ← index → animate-elem-31-t