svg-animation
svg-animation copied to clipboard
Paced timing using additional keyframes.
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.