javascript - 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++

    }

它生成带有图像截断的pdf。但奇怪的是，当我在浏览器上打开控制台然后尝试它完美地生成图像时，即使我关闭了控制台，图像也能正确生成。它很奇怪，但无法弄清楚为什么会这样

标签： javascriptjspdfhtml2canvas

Answer 1

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

这是这篇文章中的评论： HTML2Canvas 不呈现完整的 div，只有屏幕上可见的内容？