JSPDF如何修改此代码以打印两页而不是一页答案

【问题标题】：JSPDF how to modify this code to print two pages instead of one pageJSPDF如何修改此代码以打印两页而不是一页
【发布时间】：2022-02-02 03:43:46
【问题描述】：

我有一个脚本可以将 DIV 生成为 PDF，但现在我有两个 DIV，我需要从这两个 DIV 生成一个两页的 PDF

如何修改此代码以执行此操作

第一个 DIV 是#pdf-one，第二个是#pdf-two

public exportHtmlToPDF() {
    let data = document.getElementById('pdf-one')!;

    html2canvas(data).then(canvas => {

      let docWidth = 208;
      let docHeight = canvas.height * docWidth / canvas.width;

      const contentDataURL = canvas.toDataURL("image/jpeg", 1.0);
      let doc = new jsPDF('p', 'mm', 'a4');
      let position = 0;
      doc.addImage(contentDataURL, 'JPG', 0, position, docWidth, docHeight, 'FAST');

      doc.save('test.pdf');
    });
}

【问题讨论】：

标签： javascript jspdf html2canvas

【解决方案1】：

尝试在您的第一个 div 上使用 break-after，如下所示：

#pdf-one {
 break-after: always; 
}

更多关于break-after的信息可以找here

当然，你的 div 的高度应该与 pdf 页面的高度相匹配

【讨论】：