html2canvas

html2canvas 使用 JavaScript 进行屏幕截图

HTML2canvas
该库允许您直接在用户浏览器上拍摄网页或部分网页的“屏幕截图”。屏幕截图基于 DOM，因此可能无法 100% 准确到真实表示，因为它不会制作实际的屏幕截图。

JavaScript HTML 渲染器
该脚本允许您直接在用户浏览器上拍摄网页或部分网页的“屏幕截图”。屏幕截图基于 DOM，因此可能无法 100% 准确到真实表示，因为它不会制作实际的屏幕截图，而是根据页面上可用的信息构建屏幕截图。

它是如何工作的？
该脚本通过读取 DOM 和应用于元素的不同样式，将当前页面呈现为画布图像。

它不需要从服务器进行任何渲染，因为整个图像是在客户端的浏览器上创建的。但是，由于它严重依赖于浏览器，因此此库不适合在nodejs中使用。 它也不会神奇地绕过任何浏览器内容策略限制，因此呈现跨源内容将需要代理才能将内容获取到同一来源。

该脚本仍处于实验状态，因此我不建议在生产环境中使用它，也不建议开始使用它构建应用程序，因为仍然会进行重大更改。