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