基本的には公式サイトに載っているコードそのままで動作します。 var canvasData = null; // html2canvas実行 function screenshotHtml(){ html2canvas(document.body, { onrendered: function(canvas) { document.body.appendChild(canvas); canvasData = canvas; } }); } // 画像のダウンロード function downloadImage(canvas) { var dataUrl = canvasData.toDataURL("image/png"); // PNG形式 var event = document.createEvent("MouseEvents"); event.initMouseEvent("cli
![html2canvasの使い方メモ(canvasで出力、画像としてダウンロード) - JavaScript|OAR CODE](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2f754f05e34941674aff1a61fcb22fb1ea4107e/height=288;version=1;width=512/https%3A%2F%2Foar-shared.st40.xyz%2Fimages%2Farticle_large%2Fjavascript.png)