html - 本地 HTML5 页面/DIV 的屏幕截图

Question

我有一个 html 页面，其中包含随时间播放的动画，我需要每隔一段时间(比如每隔一秒)截取网页的屏幕截图并将图像保存到磁盘，以便我可以使用它们进行进一步处理,

如果它拍摄 DIV 元素的快照没关系，因为有一个父 div 元素涵盖了我想要拍摄快照的所有项目..

请建议我该怎么做，我可以使用 flash/javascript/php 或任何技术，这不是限制，

操作系统:Windows 或 MAC

P.S: 我看了很多关于截取网页的页面，但在大多数页面中，答案是，因为它违反了安全性，所以不允许，但在我的情况下，不需要这样的安全性，它是本地的页

Answer 1

您可以使用 Selenium 浏览自动化编写脚本

• https://code.google.com/p/selenium/

• 选择您最喜欢的语言(Python、Java、Ruby 等)和适合它的 Selenium 库

• 编写一个 Selenium 脚本来打开页面并等待您需要的时间

• 使用 Selenium 截图 API https://code.google.com/p/selenium/source/browse/trunk/py/selenium/webdriver/firefox/webdriver.py#70截图并保存到本地磁盘

• Selenium API 可进一步用于查询元素的尺寸 - 它出现的位置，因此您可以对屏幕截图进行后处理并将其仅裁剪到相关区域。

存在将任意 HTML DOM 转换为 <canvas> 的客户端 Javascript 解决方案，但输出并非 100% 准确，仅适用于简单的 HTML 元素。