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。
Github 网址:https://github.com/niklasvh/html2canvas
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!