block by veltman bb75c2aa76c9b36f2c849dbb14435e23

Self-drawing arrow

Full Screen

Animating a path with an arrowhead using stroke-dasharray and interpolation along the path for the arrow positioning. The translate is determined by a point along the length of the path and the rotation is determined by calculating the approximate tangent of the path using two nearby points.

See also: Animating along a path

index.html