如何使用html5拍摄网页的屏幕截图，而不通过JS将其呈现在画布上

Question

重要的是拍摄屏幕截图

• 与用户看到的浏览器窗口完全相同。这排除了画布-基于问题和答案，其中模拟浏览器，但不能完全准确地复制它如何呈现HTML和CSS

• 没有简单的，符合标准的html5和JS之外的任何非标准插件。这排除了Java applet，Flash，ActiveX，并请用户按下“打印屏幕”按钮，然后将图像粘贴到表单中。

我在解决此问题时遇到了有关stackoverflow的几个问题（请参见上文），但没有找到同时满足这两个条件的答案。与其尝试为要求稍有不同的现有问题添加部分答案，不如在一个单独的问题中提问。

到目前为止，我已经找到了一个很好的解释，说明如何video使用Screen Capture API从任何窗口中获取像素并将其流式传输到元素中。但是，我错过了下一步，在该步骤中，将视频元素中显示的那些像素转换为jpg或png可上载到服务器的文件。