Specification link: 19.2 Animation elements

animate-elem-26-t ← index → animate-elem-28-t

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

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

## Operator Script

Run the test. No interaction required.

## Pass Criteria

The test is passed if:

- the left blue rectangle animates its height from 160 to 40, starting at time 3 seconds and ending at 6 seconds, as indicated by the green ruler lines.
- the right blue rectangle animates its height from 160 to 40, starting at time 6 seconds and ending at 9 seconds, as indicated by the green ruler lines.

## Test Description

Test animation options for specifying the target element.

The leftmost rectangle verifies the use of the 'xlink:href' attribute to indicate the target element to be animated. The rightmost rectangle verifies animating the parent of the 'animate' element (in this case, a 'rect' element) (i.e., the implicit parent of the 'animate' element).

At time 0, two rectangles filled with blue and stroked with light blue appear, each with width=100 and height=160. Starting at time 3 seconds and ending at time 6 seconds, the height of the leftmost rectangle decreases from 160 to 40. Starting at time 6 seconds and ending at time 9 seconds, the rightmost rectangle decreases from 160 to 40. Annotations on the picture show the correct positions at particular times.

animate-elem-26-t ← index → animate-elem-28-t