Как переместить элемент вдоль произвольной кривой?

Question

[sadboy]

Можете подсказать, как можно сделать перетаскивание стрелочки вдоль произвольной кривой, знаю что можно делать перемещение вдоль path ( Если использовать svg), н оя не знаю как мне связать draggble и мою кривую

Буду благодарен за любую помощь!

Comments

[Ярослав Иванов]

То есть чтобы это был ещё и ползунок?

[sadboy]

Ярослав Иванов, да

[Ярослав Иванов]

Может брать кооридану мыши и присваивать в path?

Answer 1

[RAX7]

Comments

[sadboy]

Спасибо огромное!

Answer 2

[Marichka15]

тут все докладно розказано:

https://www.youtube.com/watch?v=meD4fFX9jKQ
https://css-tricks.com/guide-svg-animations-smil/

Comments

[Marichka15]

https://css-tricks.com/guide-svg-animations-smil/

Answer 3

[profesor08]

Ручками надо делать, ручками, при движении курсора, у тебя будут доступны его координаты. Тебе нужна координата X. Так же тебя есть этот path, получи из него координаты каждой его точки. Тут тебе понадобится координата Y. Так вот при движении курсора берешь и смотришь, чему равна координата Y на по X, и устанавливаешь своей стрелочке полученные ранее значения X и Y. Все.

Answer 4

[jamtuson]

https://medium.com/@bdc/gain-motion-superpowers-wi...
https://animejs.com/documentation/#motionPath