Specification link: 19.2 Animation elements

animate-elem-15-t ← index → animate-elem-19-t

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

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

## Operator Script

Run the test. No interaction required.

## Pass Criteria

The blue rectangle should animate its width so that the right edge of the rectangle lines up with the ruler line at the indicated times. Between 4 and 8 seconds the animation should show an ease-in/ease-out motion (i.e. a gradual change in speed).

## Test Description

Test 'calcMode'=spline.

One animation has been defined to animate the height of a rectangle. Ruler lines and text are provided to help show what the correct behavior is. The red text shows the values for the 'calcMode' and 'keyTimes' attributes. The black text and ruler lines help show the size and movement of the rectangle over time.

This animation shows calcMode="spline". Between time 4 seconds and 8 seconds, the animation displays an ease-in/ease-out approach instead of a constant linear approach which would have been the case if calcMode had been linear instead.

animate-elem-15-t ← index → animate-elem-19-t