如何使用javascript將html blob轉換為圖像？

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