Is it possible to set the background image to HTML5 canvas and perform some paint functions, such as Undo, Erase, Clear, Save this background image?

Question

I want to know about HTML5 canvas. In my base canvas element, I want to set a background image, and on this I want to perform some functions, such as paint Erase, Undo, Clear and save the executed image (after applying the whole effect, cancel, clear). Any suggestion or example.

Answer 1

You can draw a background on the canvas using drawImage (). All further manipulations are painted on the image.

, .

, .

Save and restore.

, , .

Answer 2

, .

Answer 3

API .

toDataURL Canvas.