Full version, Basic version, Tiny version

Specification link: 19.2 Animation elements

animate-elem-14-t ← index → animate-elem-17-t

# animate-elem-15-t
SVG Image | PNG Image
animate-elem-15-t Test possible values for 'keyTimes' calcMode="paced" keyTimes="0;.25;.5;1" Time (s): 0 1.5 4 9 $Revision: 1.5 $ |

Test 'calcMode'=paced

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 test shows calcMode="paced" for an animation that has constant velocity, thus showing how 'values' and 'keyTimes' are ignored.

animate-elem-14-t ← index → animate-elem-17-t