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

时间:2017-03-20 09:48:14

标签: angular pdf typescript html-to-pdf

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

1 个答案:

答案 0 :(得分:7)

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", 0, 50, doc.internal.pageSize.width, element.offsetHeight / 5 );
    doc.save(`Report-${Date.now()}.pdf`);
})

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

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