I need an HTML Paint canvas tool completing

I need an HTML paint canvas draw tool completing for Monday. The tool displays an image of a body. When the user clicks with the mouse on the body, the body area selected should be painted. The core part of this is already completed.

I have created a JS Fiddle: https://jsfiddle.net/philyorkshire/tj3du7c4/5/

Requirements:
- The tool must allow the user to draw onto the mask image (the body). When the user goes outside of the mask image it should not continue to paint. This can be achieved with ctx.globalCompositeOperation = 'source-in'; and two images.
- When the user draws on the mask, the values of the draw coordinates are stored in an array and stored in localStorage or console.log'ed
- I have created an array previousResults and a method loadPreviousResults(). I would like the method to be implemented so a list of previously stored coordinates can be loaded and painted onto the mask image.
- The tool should be dynamic and allow me to change the mask image and still work. The one in the JSFiddle is just there as an example, so do not make any fixed usage of it. (height, width etc)
- The image should load from base64 as with the example JSFiddle.
- Implement a reset method to clear the paint on the body

Notes:
- The current JSFiddle is not showing the whole body image, so that needs sorting
- The current JSFiddle is not applying a boundary of painting to the mask image.

I hope this description makes everything very clear. The work can be delivered via files or with a JSFiddle link.