如何从angular2生成pdf

时间:2018-10-23 12:26:45

标签: angular pdf-generation jspdf

我的pdf文件显示如下:

Pdf appears like this

单击打印时有一个屏幕,必须将整个屏幕转换为pdf格式。 我试图这样做,但它正在拆分页面,我无法正确获取整个屏幕。 请帮忙。

Ts:

generateToPdf() {
let pdf = new jsPDF('p','pt','a4');
pdf.setFontSize(50); 
pdf.canvas.height = 72 * 11;
pdf.canvas.width = 72 * 7;
    pdf.addHTML(this.el.nativeElement, 0, 0, () => {
        pdf.save("test.pdf");
    });
}

Stackblitz链接: https://stackblitz.com/edit/angular-avdqfz?file=src%2Fapp%2Fapp.module.ts

1 个答案:

答案 0 :(得分:0)

您只需传递一个选项参数即可启用页面拆分,

 {
  pagesplit: true
 }

只需通过此操作,例如-

generateToPdf() {
    let pdf = new jsPDF();
    pdf.addHTML(this.el.nativeElement, 0, 0,{pagesplit: true}, () => {
        pdf.save("test.pdf");
    });
}