How to give browser “save image as” option to button

Question

I\'m working on a canvas drawing project. I convert the canvas as an image, then I save that image as \'.png\'. I have to right click on the image and select the \'save imag

Answer 1

First create a button for it
Download

Then add the following in javascript

var button = document.getElementById('btn-download');
button.addEventListener('click', function (e) {
    var dataURL = canvas.toDataURL('image/png');
    button.href = dataURL;
});

I have made an example for you Check this out!