使用 HTML5 Canvas 捕获网页的一部分？

我知道您可以使用画布从 HTML5 视频流中捕获图像并将其显示在页面上。我感兴趣的是，您是否可以使用画布对象在网页顶部创建覆盖层，然后捕获该页面或其一部分的 PNG 快照。

我想通过添加屏幕捕获（在浏览器页面内）来增强我们的网站审查工具，然后将其提交到远程服务器。

YouTrack 使用 Java 小程序来完成此操作，但使用现代 HTML5 技术是否可行？

对于这个问题的任何其他建议的解决方案也将不胜感激。

Thanks

您可以通过读取 DOM 并使用 JavaScript 创建画布图像来“模拟”屏幕视图。看一下http://hertzen.com/experiments/jsfeedback/ http://hertzen.com/experiments/jsfeedback/以及底层的html2canvas脚本来了解如何使用纯 Javascript 来完成此操作（无需插件或服务器交互）。