浏览器上拍摄网页或其中一部分的“屏幕截图”——html2canvas

JavaScript HTML渲染器该脚本允许您直接在用户浏览器上拍摄网页或其中一部分的“屏幕截图”。屏幕截图基于DOM因此可能无法真实表示100的准确度因为它无法生成实际的屏幕截图而是根据页面上的可用信息构建屏幕截图。它是如何工作的该脚本通过读取DOM和应用于元素的不同样式将当前页面呈现为画布图像。它不需要服务器提供任何渲染因为整个图像都是在客户端的浏览器上创建的。但是由于它严重依赖于浏览器因此该库不适合在nodejs中使用。它也没有神奇地规避任何浏览器内容策略限制因此呈现跨域内容将需要代理才能使内容具有相同的来源。该脚本仍处于试验性状态因此不建议在生产环境中使用该脚本也不建议您开始使用它构建应用程序因为仍会进行重大更改。浏览器兼容性该库在以下浏览器使用Promisepolyfill上应该可以正常工作Firefox 3.5谷歌浏览器歌剧12IE9 Safari 6由于需要手动构建每个CSS属性以使其受支持因此有许多尚不支持的属性。用法html2canvas库使用Promises并期望它们在全局上下文中可用。如果您希望支持本身不支持s的旧版浏览器Promise请在包含之前添加诸如es6-promise之类的 polyfillhtml2canvas。要element使用html2canvas呈现只需调用html2canvas(element[, options]);该函数返回一个Promise其中包含canvas元素。只需使用以下命令即可将诺言履行处理器添加到诺言中thenhtml2canvas(document.body).then(function(canvas) { document.body.appendChild(canvas); });克隆git仓库git://github.com/niklasvh/html2canvas.git