Как анимировать объект по заранее заготовленной кривой?

Question

[Никита Борзенков]

Есть кривая в svg (произвольная). По этой кривой должен лететь объект. Желательно чтобы это анимировалось внутри канваса. Как такое сделать? Возможно не с помощью svg пути, но по заранее заготовленной произвольной кривой.

Answer 1

[HamSter]

Пример 1. SVG SMIL

Пример 2. SVG Animation TwinMax

MorphSVGPlugin от GreenSock с примером

Answer 2

[twobomb]

Вот когда-то писал, зажми лкм и нарисуй кривую и шарик будет двигаться по ней. https://jsfiddle.net/twobomb/p4gbLswz/

Answer 3

[Ильдар Сарибжанов]

Есть вот такой пост, сам не пользовался, но движение по траектории как раз для svg описано css-live.ru/articles/rukovodstvo-po-svg-animaciyam...