javascript - 将 div（网页的一部分）转换为图像

Question

我正在尝试以编程方式（即使用 Javascript 或 JQuery）将网页的一部分捕获为图像。我尝试过html2canvas，但是当我有 swf 对象和 iframe 时它不起作用。

我的网页可能包含 swf 文件（融合图表）、iframe、文本和图像。我正在尝试将所有对象转换为单个图像。有谁知道一个可能的解决方案，也适用于 IE9？

Answer 1

设置一个虚拟机，它读取要捕获的网站列表

wget ...

时不时

/etc/crontab

让它打开一个网址

firefox http://....

然后从第二个外壳截取屏幕截图

import -window root /home/ftp/screenshots_<id>.jpg

然后关闭 firefox 实例/shell 并为所有 url 循环

这都可以放入 1 个 shell 脚本并加载到一个非常小的虚拟盒子中，使用awesome-wm或一些微小的窗口管理器。也import需要imagemagick。

这是您可以在隐藏的自动过程中捕获浏览器呈现的 html、flash 和 iframe 的唯一方法。