html2canvas 屏幕截图JS插件

创客云


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

使用方法

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

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

初始化插件

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

函数会返回一个包含<canvas>的Promise 对象,你可以通过then方法执行后续操作。在旧的浏览器中不支持Promise对象,使用前需要添加一些polyfill,例如es6-promise。
Github网址:https://github.com/niklasvh/html2canvas

演示地址 免费下载
本文由 CityMall 整理发布如需转载,请注明出处:https://www.22vd.com/48657.html
云模板

发表评论