html2canvas页面会缩小一下,我在使用html2canvas的时候出现一个生成的图片偏移不完整的情况...

我在使用的时候遇到一个问题&＃xff1a;在页面出现滚动条的时候&＃xff0c;生成的图片会出现偏移不完整的情况&＃xff0c;网上的方法大致都试过了&＃xff0c;但是都没有作用&＃xff0c;有哪位知道怎么解决吗&＃xff1f;

import HTML2Canvas from &＃39;html2canvas&＃39;

function getWinClientHeight() {

let clientHeight &＃61; 0

if (document.body.clientHeight && document.documentElement.clientHeight) {

clientHeight &＃61; (document.body.clientHeight

} else {

clientHeight &＃61; (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight

}

return clientHeight

}

function getDocClientHeight() {

return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)

}

export default async function (el, beforeCallBack, afterCallBack) {

if (typeof el &＃61;&＃61;&＃61; &＃39;undefined&＃39;) {

console.error(&＃39;必须传入一个元素&＃39;)

return false

}

if (typeof beforeCallBack !&＃61;&＃61; &＃39;undefined&＃39;) {

beforeCallBack()

}

const scale &＃61; 1.5

const scrollY &＃61; window.scrollY

const scrollX &＃61; getDocClientHeight() > getWinClientHeight() ? -8.3 : 0

const canvas &＃61; await HTML2Canvas(el, {

width: el.clientWidth,

height: el.clientHeight,

backgroundColor: null,

scale,

scrollX,

scrollY: -scrollY,

useCORS: true

})

if (typeof afterCallBack !&＃61;&＃61; &＃39;undefined&＃39;) {

afterCallBack(canvas)

return false

}

const resolveUrl &＃61; canvas.toDataURL(&＃39;image/png&＃39;, 1.0)

return resolveUrl

}

原本没有设置scrollX和scrollY的时候&＃xff0c;是向下偏移的&＃xff0c;设置了之后就向上偏移了。