js屏幕截图插件html2canvas

当前位置:主页 > Html5库 > html5 canvas > js屏幕截图插件html2canvas
js屏幕截图插件html2canvas
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:05-30
    阅读:
简要教程

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