All examples By author By category About

veltman

Directional arrows #3

Placing some offset directional arrows along a path, take 3.

This method is total overkill. At each desired arrow point along the path, it calculates points along the path every 2 pixels and its corresponding offset point for an arrow, until the arrow is roughly the desired length, and then uses an interpolator to smooth it out. This ensures that arrows in tight curves and straight arrows still end up roughly the same length even though the points offset from the path end up closer together.

marker-segment and marker-pattern should make this easier eventually.