html 实现桌面截图,使用html2canvas实现屏幕截图

// 调用html2canvas插件

html2canvas(document.body).then(function (canvas) {

// canvas宽度

var canvasWidth = canvas.width;

// canvas高度

var canvasHeight = canvas.height;

// 调用Canvas2Image插件

var img = Canvas2Image.convertToImage(canvas, canvasWidth, canvasHeight);

//图片类型.宽度.高度.文件名

let type = document.getElementById('sel') ? document.getElementById('sel').getAttribute('value') : null

let w = document.getElementById('imgW') ? document.getElementById('imgW').getAttribute('value') : null

let h = document.getElementById('imgH') ? document.getElementById('imgH').getAttribute('value') : null

let f = document.getElementById('imgFileName') ? document.getElementById('imgFileName').getAttribute('value') : null

w = (w === '') ? canvasWidth : w; //判断输入宽高是否为空，为空时保持原来的值

h = (h === '') ? canvasHeight : h;

// 调用Canvas2Image插件

Canvas2Image.saveAsImage(canvas, w, h, type, f);

});

原文：https://www.cnblogs.com/wwj007/p/11506575.html