How can I load many pictures in a canvas and move them all?

Question

JavaScript

Good afternoon, I would like to make something like a horizontal tape measure on Canvas. And very strongly stuck with it. I don’t understand how you can draw a lot of pictures and work with them, move them, and so on, I tried through a loop, but it didn’t end with anything good ..
Something similar, but not on Canvas
https://codepen.io /messness/pen/PRMyLp

Answer 1

Answer 2

Here is the method and examples you need:
https://developer.mozilla.org/ru/docs/Web/API/Canv...
If we are talking about animation, then read here:
https://developer. mozilla.org/en/docs/Web/API/Canv...