Animation of stroke-dasharray
stroke-dasharray is animated linear with different list item number lengths
as values. Because stroke-dasharray is defined as a pattern,
each list item can be expanded to the least common multiple
for comparison and for a continuous animation.
The blue test case has always the same pattern as the dark
blue reference pattern behind it using an expanded list.
A light blue pattern on top indicates the same pattern using
simple from-to animations for each interpolation step.
If the blue test case is not always between the reference pattern and the
reference pattern not always below and on top of the test case, this indicates an error.
expanded list reference pattern
test case
from-to reference animation