JavaScript method to download a HTML5 Canvas as png
Tue, 20 March 2018
function.js
function downloadCanvasAsPng(elementId, file_name) { var canvas = document.getElementById(elementId); var dataURL = canvas.toDataURL('image/png'); dataURL = dataURL.replace(/^data:image\\/\\w+;base64,/, ''); var link = document.createElement('a'); link.setAttribute('style', 'position:fixed;left-10000px;'); link.setAttribute('href', 'data:application/octet-stream;base64,' + dataURL); link.setAttribute('download', file_name + '.png'); document.body.appendChild(link); link.click(); document.body.removeChild(link); }