svg-animation icon indicating copy to clipboard operation
svg-animation copied to clipboard

Paced timing using additional keyframes.

Open ewilligers opened this issue 10 years ago • 0 comments

When animating between 5 values using calcMode="discrete", each value should be used for 1/5 of the animation duration.

This can be achieved by passing 10 keyframes with explicit offsets to Web Animations.

We were previously using 5 keyframes without offsets, and using easing: 'steps(4, end)'

This did not achieve accurate timing.

ewilligers avatar Aug 21 '14 00:08 ewilligers