如何在angular2中将HTML转换为pdf？

发布时间：2020-12-17 17:23:02 所属栏目：安全来源：网络整理

导读：我需要将动态生成的html表转换为pdf并且能够打印它.我需要在angular2和Typescript中完成它. 解决方法 JSPDF适用于角度2.您需要从dt~下载定义. 将库导入为： import * as jsPDF from "jspdf";...let doc = new jsPDF();// Add a title to your PDFdoc.setFont

我需要将动态生成的html表转换为pdf并且能够打印它.我需要在angular2和Typescript中完成它.

解决方法

JSPDF适用于角度2.您需要从dt~下载定义.
将库导入为：

import * as jsPDF from "jspdf";
.
.
.

let doc = new jsPDF();

// Add a title to your PDF
doc.setFontSize(30); 
doc.text(12,10,"Your Title");

// Create your table here (The dynamic table needs to be converted to canvas).
let element = <HTMLScriptElement>document.getElementsByClassName("pvtTable")[0];
html2canvas(element)
.then((canvas: any) => {
    doc.addImage(canvas.toDataURL("image/jpeg"),"JPEG",50,doc.internal.pageSize.width,element.offsetHeight / 5 );
    doc.save(`Report-${Date.now()}.pdf`);
})

在您的system.js中,在地图部分添加以下行：

"jspdf": "<myLibs>/jspdf.js",

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!