How to Save HTML5 canvas image on android SD card in Android Phonegap?

Question

Hi I have one edited canvas image.Now I want to save it on android SD card using JavaScript. I have tried to save, but it is converting as base64encode format.I need simple image file like test.jpeg, test.PNG and etc.I am not able to get decode.

The image base64 format is like 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...'.

How to get the image file and save it to android SD card.

Please help me.Thanks in advance.

Answer 1

You can do a:

var context = myCanvas.getContext('2d');

var myPNG = context.toDataURL('image/png');

Now you have the canvas in .png format, which you should be able to save. Hope that helped!