https://blog.csdn.net/tiantian082054/article/details/90699342
问题:1、截图空白,需要设置参数
2、无法完整截图,如下可以解决:
// 加上如下这几行代码,否则截图不完整
window.pageYOffset = 0;
document.documentElement.scrollTop = 0;
document.body.scrollTop = 0;
html2canvas(document.getElementById('insureV1'),
{
// backgroundColor:null,
//画出来的图片有白色的边框,不要可设置背景为透明色(null)
useCORS: true,//支持图片跨域
scale:1,//设置放大的倍数
}
).then(canvas => {
//截图用img元素承装,显示在页面的上
let img = new Image();
img.src = canvas.toDataURL('image/jpeg');
// toDataURL :图片格式转成 base64
console.log(canvas.toDataURL('image/jpeg'));
let imgData = canvas.toDataURL('image/jpeg');
})