如何使用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");

Some Documentation

API