SVG Line Animation Example
UPDATED w/ Square & Rectangle: http://share.framerjs.com/udsc7ywtdx9l/
Using the the new slider component... here's how to draw a line on a SVG path in framer.
Also, an example in how to proxy animation layer events through to your SVG path to draw the line.
SQUARE ONLY: http://share.framerjs.com/izae13wmqd50/
Should the same method be used if I wanted to create an oval that would take a square image “as a fill” (similar to what Sketch does)?
I’m trying to create a circular avatar by code.
Nice! Thanks Jordan!
:( Here's all I see.
Fixed Chris Camargo: Had to add a background: http://share.framerjs.com/izae13wmqd50/
oooooh, that's hot.
Anyone have any questions about this at all? I tried to make it pretty straightforward. :)
Yeah you have to change the SVG code most likely too.
Jérémy Jones - I made a new rect in Illustrator so you can see the difference.
Here's the updated version: http://share.framerjs.com/udsc7ywtdx9l/
Henrique Gusso wrote about a similar technique to this here... https://medium.com/@gusso/draw-and-animate-an-svg-circle-in-framer-d4bc3a9863c1