Javascript canvas.toDataURL（）未返回完整图像-它将在图像顶部裁剪

问题是图像在PDF中看起来很糟糕，而且base64字符串未满

以下是该部分在站点中的外观：

下面是联机base64到图像解析器如何显示图像（）：

以下是它在PDF中的外观：

首先，你知道为什么base64字符串没有完成吗？ 奖金问题是，当它满了时，如何将其放入PDF中

I am using canvas2html to convert one of my sections:


 <div className="plan-businessInfo" id="businessInfo-main">
          .
          .
          .
     //SOME JSX//
        </div>

const onExportClick = e => {
    e.preventDefault();
    const businessInfo = document.getElementById("businessInfo-main");
    html2canvas(businessInfo).then(canvas => {
      const imgData = canvas.toDataURL();
      const doc = new jsPDF("p", "mm", "a4");
      console.log(imgData); // GETTING IMAGE string

      // GETTING PDF PAGE SIZE
      const widthPDF = doc.internal.pageSize.getWidth();
      const heightPDF = doc.internal.pageSize.getHeight();

        //ADDDING IMAGE WITH SIZE ON THE PDF PAGE
        doc.addImage(
          imgData,
          "png",
          0,
          0,
          widthPDF /**width */,
          heightPDF /**heigth */
        );


      doc.save("abc.pdf");
    });
  };