如何使用JavaScript将渲染的网页保存为图像？

Question

在我的应用程序中,我必须提供"另存为图像"按钮.我想将我在网页上呈现的HTML保存为JavaScript中的图像.它是一个webapp,将用于桌面/平板电脑/手机的浏览器.如何将渲染的HTML保存为图像？

Answer 1

看看html2canvas.一个javascript框架,用于在canvas元素上呈现页面内容.将画布保存为图像非常简单:

var canvas = document.getElementById("mycanvas");
var img    = canvas.toDataURL("image/png");
document.write('<img src="'+img+'"/>');

资源