javascript - javascriptを使用してhtmlブロブを画像に変換する方法は?

Question

javascript を使用して HTML ページの画像 (スクリーンショット) を作成しようとしています。以下のコードを使用して、html blob を生成し、新しいタブに読み取り専用の HTML ページと同じものを表示できます。

var scr = document.documentElement.cloneNode(true);
var blob = new Blob([scr.outerHTML], {type: 'text/html'});
window.open(window.URL.createObjectURL(blob));

画像と同じものを保存する方法を誰か教えてください。

Answer 1

FileSaver.js を見てみましょう。

var bb = new BlobBuilder();
bb.append((new XMLSerializer).serializeToString(document));
var blob = bb.getBlob("application/xhtml+xml;charset=" + document.characterSet);
saveAs(blob, "document.xhtml");

いくつかのドキュメント

API