javascript - 如何使用 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