Saving canvas as a PNG or JPG

Question

I want to save canvas as PNG, without opening it in a new window as base64-encoded image.

I used this code:

jQuery(\"#btnPreview\").click(function(){
            


        

Answer 1

I use this on my jquery:

var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); 

$('.save').attr({
    'download': 'YourProduct.png',  /// set filename
    'href'    : image              /// set data-uri
});