html2 扫描仪

主页 | 下载 | 问 题

JavaScript HTML 渲染器

脚本允许您直接在用户浏览器上取取网页或部分内容的"截图". 截图基于DOM,因此可能不完全准确到真实的表示,因为它没有做出实际的截图,而是根据页面上可获得的信息来构建截图.

怎么会这样?

脚本通过阅读DOM和应用于元素的不同样式,使当前页面成为画布图像.

没错 不需要从服务器获取任何渲染,因为整个图像是在 客户端的浏览器然而,由于它严重依赖于浏览器,所以这个库是 不适宜 用于节点. 它也没有神奇地绕过任何浏览器内容政策限制,所以渲染出跨源内容将需要一个 代理服务器 以获取内容 来源相同。 。 。 .

剧本还在 非常实验状态,所以我不建议在生产环境中使用它,也不开始使用它来建造应用程序,因为仍然会有重大的改变.

浏览器兼容性

库应该对下列浏览器进行精细操作(使用 Promise 多边填充 :

• Firefox 3.5+ (英语)
• 谷歌颜色
• 第12号歌剧院+
• IE9 + 软件
• 萨法里6+

由于每个CSS属性需要手动构建才能被支持,因此有一些属性尚未被支持.

使用量

Html2canvas 图书馆使用 Promises 并期望在全球范围内提供。 如果你想的话 支助 旧浏览器 不属于本地支持的 Promises,请包括一个多填充器,例如: es6 保证 包含之前 html2canvas。 。 。 .

制作一个 element 使用html2canvas,只需拨打: html2canvas(element[, options]);

函数返回 a 答应 内含 <canvas> 键。 只需要在承诺中加入一个承诺实现者 then数字 :

html2canvas(document.body).then(function(canvas) {
    document.body.appendChild(canvas);
});

大楼

您可以下载已建立 这里。 。 。 .

克隆基特仓库 :

$ git clone git://github.com/niklasvh/html2canvas.git

安装依赖性 :

$ npm install

构建浏览器捆绑

$ npm run build

实例

详情和例子请访问 主页 或尝试 测试控制台。 。 。 .

捐款

如果您希望为该项目捐款,请将拉动请求发送给开发分支. 在提交任何更改之前,尝试并测试这些更改是否与所有支持浏览器一起工作. 如果一些 CSS 属性没有支持或不完整,请在提交任何代码更改之前建立相应的测试.