如何解决 html2pdf.js 中的“空白页”问题？答案

【问题标题】：How can I fix the "blank page" issue in html2pdf.js?如何解决 html2pdf.js 中的“空白页”问题？
【发布时间】：2020-05-31 01:07:35
【问题描述】：

我正在尝试使用html2pdf.js 将 HTML 文档转换为 PDF，但结果是我得到了一个第一页空白且文档的最后一页被裁剪了一半的 pdf。如何解决这样的问题？代码：

document.querySelector('.save-pdf').addEventListener('click', function () {
   const elementToPrint = document.getElementById('content');

   const opt = {
      margin:       0,
      filename:     'contract.pdf',
      image:        { type: 'png' },
      html2canvas:  { scale: 2 },
      jsPDF:        { unit: 'in', format: 'letter', orientation: 'p' }
   };


   html2pdf(elementToPrint, opt);
});

【问题讨论】：

标签： javascript jspdf html2canvas html2pdf

【解决方案1】：

通过将“html2canvas”库的版本从“rc 5”切换到“alpha 12”解决了这个问题。

【讨论】：

非常感谢您的回答。它真的帮助了我。我已经为这个问题痛苦了三天。
非常感谢。三个小时的头痛搜索和尝试修复，没有任何帮助......然后降级......一切正常。你让我免于发疯！
我的设置：“html2canvas”：“^1.0.0-alpha.12”，“jspdf”：“^1.4.1”

【解决方案2】：

您不必下载 html2canvas.js 但在文件 html2pdf.bundle.js 和行中：8762

将 nPages 更改为 nPages-1

for (var page = 0; page < nPages; page++) {
    // some code ....
}


for (var page = 0; page < nPages-1; page++) {

}

【讨论】：