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

Question

我有一个脚本来生成DIV到PDF，但是现在我有了两个DIV，我需要从这两个DIV生成一个两页的PDF。

如何修改此代码以完成此操作？

第一个DIV是#pdf-1，第二个是#pdf-2

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');
    });
}

Answer 1

尝试在您的第一个div上使用中断后，如下所示：

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

更多关于休息的信息--在你找到这里之后

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