html2Canvas生成图片可视区域,其余部分缺失

基础使用

html2canvas(document.body).then(function(canvas) {
	// url = canvas.toDataURL("image/png");
	//url = canvas.toDataURL("image/*");
    document.body.appendChild(canvas);
});

html2canvas(document.getElementById("saveWrapX"),{scale:1}).then(function(canvas) {
    document.querySelector('.poster-container').appendChild(canvas);
    let canvas = $('.poster-container canvas')
    let posterImage = document.getElementById("saveImageX")
    posterImage.src = canvas[0].toDataURL("image/jpg")
});

二、html2Canvas只能截取可视区域修改

使用scrollTo(0,0);是页面回到顶部再去调用方法,那么这个方法生成的图片就是html2canvas参数DIV的全部区域。

猜你喜欢

转载自blog.csdn.net/qq_40557812/article/details/103494596