この回答にも書きましたが、「指定の HTML 要素を Canvas に描画して、それを画像データに変換すること」でいけます。 さすがに2回目なので、なにか html2canvas ライブラリを使用して、動くサンプルコード書きますね。 以下のコードでは、「Take a shot」 ボタンを押すと、画像の生成と、ダウンロードボタンを生成します。 function screenshot( selector) { var element = $(selector)[0]; html2canvas(element, { onrendered: function(canvas) { var imgData = canvas.toDataURL(); $('#screen_image')[0].src = imgData; $('#download')[0].href = imgData; $('#do
![html - DOMを画像に書き出す方法 - スタック・オーバーフロー](https://cdn-ak-scissors.b.st-hatena.com/image/square/f6bc393cd0b6bd2196935e603c5d031bd6ca6699/height=288;version=1;width=512/https%3A%2F%2Fcdn.sstatic.net%2FSites%2Fja%2FImg%2Fapple-touch-icon%402.png%3Fv%3D1cfb10b305ca)