本地HTML5页面的屏幕截图

Question

我有一个html页面，它的动画将随着时间的推移播放，我需要采取的网页截图在一定的时间间隔(比方说每秒钟)和保存的图像到磁盘，所以我可以使用他们进一步的处理，

如果它拍摄DIV元素的快照，这是可以的，因为有一个父div元素，它涵盖了我想要拍摄快照的所有项。。

请建议我如何做这件事，我可以使用flash/javascript/php或任何技术，这不是一个限制，

操作系统: Windows或MAC

附言:我读了很多关于截取网页截图的页面，但在大多数页面中，答案是，由于它违反了安全性，这是不允许的，但在我的情况下，没有这样的安全性要求，这是一个本地页面

Answer 1

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

• https://code.google.com/p/selenium/
• Pick你最喜欢的语言(Python，Java，Ruby等)和Selenium库
• 编写一个Selenium脚本，该脚本打开页面并等待所需的时间量
• 使用Selenium截图接口https://code.google.com/p/selenium/source/browse/trunk/py/selenium/webdriver/firefox/webdriver.py#70拍摄屏幕截图并将其保存到本地

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

有一些客户端Javascript解决方案可以将任意的HTML转换为<canvas>，但输出不是100%准确，并且只适用于简单的HTML元素。