How to implement this in canvas?

Question

JavaScript

Task: By mouse click, draw a picture at its coordinates, and delete it after a few seconds. At the same time, each picture has its own timer (there can be many such pictures created at the same time). I made one canvas and an array of contexts. But when clearing one context, all contexts are cleared at once. Need to make multiple canvas? Or what's the best way to implement it?

Answer 1

on one canvas, you cannot draw differently from several contexts, they all come down to one canvas.
Maybe canvas's are not needed at all? Why not work through the DOM (virtually everything is there - filters, transformations)?