// 调用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