How to make animation?

Hello, please tell me how to make a animation like the image below.
I need to do like handle someone draws it
Maybe there are examples somewhere of a similar finished animation?
5c9a39fbdb7ee308071442.png
March 19th 20 at 08:41
3 answers
March 19th 20 at 08:43
The move is seen by this decision that we must move on a circle, where with each iteration the radius is changed. The radius r should vary linearly from the value r1 to r2, when reaching the r value r2 to make r1 equal to r2, and to calculate a new value r2.
At the same time for the abscissa and ordinate values of r: rx and ry
Continue to move on the circumference of the n iterations
March 19th 20 at 08:45
Svg: animate stroke
So it's not stroke a path - dangelo15 commented on March 19th 20 at 08:48
March 19th 20 at 08:47
You didn't specify whether it is necessary so you can see the handle and/or hand with it, as do infographics, or just to make that line appear on a white background and the circle grew to the maximum version in 5 passes.
Yeah , right, no handle)Just the animation) - tamara commented on March 19th 20 at 08:50
@tamara, then any SVG animation as You wrote above.
try https://maxwellito.github.io/vivus/ - Claudia.Kiehn commented on March 19th 20 at 08:53
Thank you - tamara commented on March 19th 20 at 08:56

Find more questions by tags CanvasJavaScript