问组件的HTML5屏幕截图
EN

Stack Overflow用户

提问于 2014-07-17 22:53:03

回答 1查看 478关注 0票数 0

我想知道，是否有一种方法可以获取javascript中任何DOM元素的屏幕快照，并将屏幕快照图像保存到文件中。(例如，为了测试目的.；我知道我可以使用Selendroid，QF，Sikuli，沙尘暴和其他的很多软件，但我想知道如何用纯javascript来实现它)

我知道，我可以从一个画布元素：和打印屏幕/截图中获取一个截图，甚至可以对站点：拍下整个网页的截图采取完整的屏幕截图(基于此，只对一个/多个组件进行截图)

但是，是否有人知道如何使用文件api从HTML5 (用户可以选择的位置)保存这样的元素？

回答已采纳

发布于 2014-07-17 23:10:46

Javascript无法访问浏览器呈现引擎中像素级的东西。

我认为您唯一的机会是像HTML 2画布这样的工具，它在纯javascript中实现了一个完整的浏览器呈现引擎。然后，可以将图像保存在画布元素中。

HTML2画布 此脚本允许您直接在用户浏览器上拍摄网页或其部分的“屏幕截图”。屏幕截图是基于DOM的，因此不可能100%准确到真实的表示，因为它没有生成实际的屏幕快照，而是基于页面上可用的信息构建屏幕快照。

(请注意其中的部分，它说它可能不是100%准确，渲染网页是相当复杂的)

事实上，您链接到的答案只在这里相关，因为它链接到了一篇文章，其中提到了HTML 2画布就是为了这个目的，通过屏幕截图流进行屏幕共享。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24814807

复制

相似问题

问组件的HTML5屏幕截图EN