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

What is Framer? Join the Community
Return to index
Kai Oliver Reuter
Posted May 29 - Read on Facebook

Hello guys,

i want to manipulate a point within a svg path with framer. I have used paper.js and created the following code. I want to drag a layer and assign its position to a point within a svg path.

http://stackoverflow.com/questions/26958753/paper-js-and-framer-js-manipulate-a-point-within-a-svg-path

Hope you can help me.
Thanks!

10 Comments

Alvaro Lourenço

Couln't get it working either.
https://framer.cloud/MthIR

Benjamin Den Boer

Hey Kai, experimented a bit with Paper.js and got it to work with Dragging Events. The coordinates are assigned as points to the path, then simplified for smoothness. Hope this helps a bit. Fun stuff. :)

Video: http://f.cl.ly/items/0c0I2o0k3r3P2c2z3Q3g/Path.mov

Kai Oliver Reuter

i've got it to work. Thanks!

Kostantinos Frantzis

Benjamin Den Boer How would you go about animating a layer along that path? preferably with custom animation options

Cyrus Cheng

why it can't work when i write the same codes in my framer?

Kai Oliver Reuter

hi, you have write point.om instead of point.on

Benjamin Den Boer

Cyrus Cheng make sure you create a canvas element in the index.html of the prototype, too. :-)

Cyrus Cheng

But i can't see u index.html's canvas element in u code,it can read index.html file automatic?

Benjamin Den Boer

The canvas element needs to be added to the index.html within the .framer folder - not within the app.coffee (which is the code you see within Framer Studio).

Victor Mark

Benjamin Den Boer is this still possible in the updated Framer Studio? I followed the steps for both the .coffee and .html, without success. any chance you can share the code?

Read the entire post on Facebook