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

What is Framer? Join the Community
Return to index
Jungsuk Jay Lee
Posted Oct 11 - Read on Facebook

Hi all, is there anyone who knows how to create a layer that I can draw like this on framer? anyone has experience like this?

3 Comments

Ed Chao

I can come up with a terrible way to do this. create a new circle shaped layer on touchDown every half a second at the coordinate of your mouse. watch machine promptly meltdown.

Jungsuk Jay Lee

Ed Chao I was wondering if there's an easier way to record x,y coordinates in an array from touchStart. and use this "redraw()" that was written in javascript somehow..

Koen Bok

You can just create a layer with a canvas element and use layer.querySelectorAll("canvas")[0] to get a reference to it. From there it's just JavaScript, you can use the same as they use in the example. Remember to edit it to be CoffeeScript (you can use http://js2coffee.org).

The hardest part will be converting the screen coordinates to the canvas coordinates. Check this example I made for Ed: http://cl.ly/2D3e1Q3o473Z

Read the entire post on Facebook