Animating a path’s dashed stroke using stroke-dasharray
and stroke-dashoffset
, similar to this example. This version ensures that there’s no little “seam” at the end of a closed path by dynamically setting the dash array and the animation keyframe to a factor of the computed path length.
stroke-dashadjust might make this easier eventually.