将div标记的内容保存到图像文件中

Question

如何将<div id="container"></div>的内容另存为图像文件？

编辑：此页面包含一个jQuery脚本，使该标记的内容显示图表。我正在尝试将生成的容器保存到图像文件中，然后将其包含到另一个网页中。

提前致谢!!

Answer 1

查看 html2canvas - Screenshots with JavaScript

您也可以使用：

var c = document.getElementById('the_canvas_element_id');
var t = c.getContext('2d');
/* then use the canvas 2D drawing functions to add text, etc. for the result */

然后使用以下命令打开包含快照的新选项卡：

window.open('', document.getElementById('the_canvas_element_id').toDataURL());