使用用户所做的更改来制作网站的屏幕截图

Question

是否可以直接截取网站的可见部分的屏幕截图，如用户所见（由浏览器呈现），包括用户所做的任何更改（例如移动的div，以表格形式输入的文字等）？

---

因此，您打开一个网站，您可以在其中更改其内容。并且有一个按钮（当然在网站上），当您点击它时，网站的实际可见部分会将您所做的所有更改保存为图像，例如，会出现一个弹出窗口，您可以在其中输入电子邮件发送此图像，或类似的东西。 Javascript，php，html5还是别的什么？旧的浏览器，即无所谓。 我已经搜索了很多答案，阅读了很多相关文章，但我找不到解决方案，因为我需要的不是重新渲染页面的脚本，如html2canvas，而是捕获显示的实际内容屏幕。 任何想法和评论都非常感谢！

Answer 1

这可能非常棘手。

基本上你唯一选择在浏览器中执行此操作没有扩展名，或者尝试将HTML呈现到<canvas>标记中。

有几个项目可以做到这一点，在这个SO问题的答案中注明了最可靠的选择：Render HTML in Canvas/WebGL

请注意，没有一个项目是100％准确的，但画布可以渲染成图像，因此可以像用户那样保存或通过电子邮件发送。