Skip to content

Instantly share code, notes, and snippets.

@softmarshmallow

softmarshmallow/svg-refx-not-arclength.svg

Created February 14, 2026 09:37
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save softmarshmallow/07a72ac90a5328e70dd860b790d506b1 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save softmarshmallow/07a72ac90a5328e70dd860b790d506b1 to your computer and use it in GitHub Desktop.
Download ZIP
Demonstration of SVG marker refX is not arc-length aware
Display the source blob
Display the rendered blob
Raw
svg-refx-not-arclength.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@softmarshmallow
Copy link
Author

softmarshmallow commented Feb 14, 2026

This demo animates a small arrow marker’s refX across a large range on a curved path.
The arrow visibly detaches from the endpoint instead of sliding along the curve, proving that:

refX is applied as a simple post-translation in marker space after orientation is solved,
not as a geometric movement along the path’s arc length or local frame.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment