Wie konvertiert man HTML zu pdf in angular2?

Question

Ich muss dynamisch generierte HTML-Tabelle in PDF konvertieren und in der Lage, es auch zu drucken. Ich brauche es in angular2 und Typescript.

Answer 1

JSPDF funktioniert für Winkel 2. Sie müssen die Definitionen von dt ~ herunterladen. Importieren Sie die Bibliothek als:

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

In Ihrem system.js, im Kartenausschnitt diese Zeile hinzufügen:

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