No image files are saved server side in this example, only rendered back to the page using Data URL's to allow Javascript to work with the images on a canvas. I prefer using heavily commented code to ...

toDataURL method works properly except when there is a image on canvas. When i add an image to canvas and call toDataURL it shows me a blank page. //When i call it from chrome console canvas.toDataURL ...

Now lets start drawing and save canvas drawing as an image. To do this we can set the source of an image object to the image data URL. When the image is drawn, then user can save it by right clicking ...