html2Canvas 图像有时会被剪切答案

【问题标题】：html2Canvas image cut sometimehtml2Canvas 图像有时会被剪切
【发布时间】：2021-09-10 20:40:59
【问题描述】：

我有以下代码

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。但奇怪的是，当我在浏览器上打开控制台然后尝试它完美地生成图像时，即使我关闭了控制台，图像也能正确生成。这很奇怪，但无法弄清楚为什么会发生这种情况

【问题讨论】：

这里有点难以理解你的意思。您能否提供一个有效的 sn-p，以便我们自己尝试一下 - 缺少信息，例如您要打印什么 html，在写入画布等之前肯定已加载所有内容。

标签： javascript jspdf html2canvas