How to animate an object along a pre-prepared curve?

Question

JavaScript

There is a curve in svg (arbitrary). The object must fly along this curve. It is desirable that this is animated inside the canvas. How to do this? Perhaps not with the svg path, but with a prearranged arbitrary curve.

Answer 1

Example 1. SVG SMIL
Example 2. SVG Animation TwinMax
MorphSVGPlugin by GreenSock with example

Answer 2

I once wrote, hold down the LMB and draw a curve and the ball will move along it. https://jsfiddle.net/twobomb/p4gbLswz/

Answer 3

There is such a post, I didn’t use it myself, but the movement along the trajectory just for svg is described css-live.ru/articles/rukovodstvo-po-svg-animaciyam...