html2canvas(document.querySelector("#capture")).then(canvas => {
const context = canvas.getContext('2d');
// 关闭抗锯齿形
context.mozImageSmoothingEnabled = false;
context.webkitImageSmoothingEnabled = false;
context.msImageSmoothingEnabled = false;
context.imageSmoothingEnabled = false;
// canvas转化为图片
const img = canvas2Image(canvas, canvas.width, canvas.height);
document.body.appendChild(img);
img.style.cssText = "width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;opacity:1;";
//document.body.appendChild(canvas); //canvas
});
function canvas2Image(canvas, width, height) {
const retCanvas = document.createElement('canvas');
const retCtx = retCanvas.getContext('2d');
retCanvas.width = width;
retCanvas.height = height;
retCtx.drawImage(canvas, 0, 0, width, height, 0, 0, width, height);
const img = document.createElement('img');
img.src = retCanvas.toDataURL('image/jpeg'); // 可以根据需要更改格式
return img;
}
html2canvas截屏 生成base64图片文件
最新推荐文章于 2023-07-29 08:54:42 发布