Skip to content

Instantly share code, notes, and snippets.

@patricker
Created May 8, 2025 13:28
Show Gist options
  • Save patricker/e70ae4114d94e2e595406d70cc941e32 to your computer and use it in GitHub Desktop.
Save patricker/e70ae4114d94e2e595406d70cc941e32 to your computer and use it in GitHub Desktop.
This script exports a canvas as a png for easier printing
function exportCanvasAsPNG(id, fileName) {
var canvasElement = document.getElementById(id);
var MIME_TYPE = "image/png";
var imgURL = canvasElement.toDataURL(MIME_TYPE);
var dlLink = document.createElement('a');
dlLink.download = fileName;
dlLink.href = imgURL;
dlLink.dataset.downloadurl = [MIME_TYPE, dlLink.download, dlLink.href].join(':');
document.body.appendChild(dlLink);
dlLink.click();
document.body.removeChild(dlLink);
}
exportCanvasAsPNG('appCanvas', 'music_sheet.png')
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment