Make image drawn on canvas draggable with JavaScript

Question

I was able to successfully draw an image on an HTML canvas. But I need to be able to drag the image about on the canvas.

I know this function can be implemented easi

Answer 1

To do dragging you handle 3 mouse events:

1. mousedown -- set a flag indicating that the drag has begun.

2. mouseup -- clear that drag flag because the drag is over

3. mousemove -- if the drag flag is set, clear the canvas and draw the image at the mouse position

Here is some code: