html2canvas 是一款js屏幕截图插件。该插件可以将当前屏幕的DOM元素按原样进行截图，通过canvas生成图片。

使用方法

在页面中引入html2canvas.js文件。

<script src="js/html2canvas.js" type="text/javascript"></script>
                

初始化插件

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

函数会返回一个包含<canvas>的Promise 对象，你可以通过then方法执行后续操作。

在旧的浏览器中不支持Promise对象，使用前需要添加一些polyfill，例如es6-promise

html2canvas可以在一下浏览器中正常工作：

• Firefox 3.5+
• Google Chrome
• Opera 12+
• IE9+
• Safari 6+

html2canvas js屏幕截图插件的github网址为：https://github.com/niklasvh/html2canvas

在线预览    源码下载