HTML2Canvas图像剪切

Question

我有下面的代码

window.scrollTo(0, 0);
    const totPage = document.getElementsByClassName('print');
    for (let index = 1; index < totPage.length;) {
        const input = totPage[index] 
        let orn = input.getAttribute('orientation');
        let canvas = await html2canvas(input,{
            windowWidth: input.scrollWidth,
            windowHeight: input.scrollHeight
        });//.then((canvas) => {
        const imgData = canvas.toDataURL('image/png');
        console.log(imgData)
       
        index++

    }

但是奇怪的是，当我在浏览器上打开控制台，然后尝试它完美地生成图像，然后我甚至关闭了控制台，图像正在正确地生成

Answer 1

我解决了这个问题：https://github.com/niklasvh/html2canvas/issues/1438#issuecomment-739244530

这是本文中的一条评论：HTML2Canvas不会呈现完整的div，只呈现屏幕上可见的内容？