This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Yfat Eyal
Posted Oct 18 - Read on Facebook

Hey, I'm looking to find references or some help :) on building a slider on an SVG path (so I can have the full pathway on the map - as a slider - http://share.framerjs.com/686vawhusb2t/), any help would be appreciated :)

1 Comments

Sigurd Tapio Mannsåker

I'm on my phone now, but to draw an SVG line gradually you'd typically use the stroke dash array trick (Google should come up with a couple tutorials or examples). For getting a point along a path, getPointAtLength() is your friend, as listed here: https://developer.mozilla.org/en-US/docs/Web/API/SVGPathElement

Read the entire post on Facebook