동적으로 생성 된 HTML 테이블을 pdf로 변환해야하고 인쇄 할 수도 있습니다. angular2와 Typescript로 처리해야합니다.HTML을 PDF로 변환하는 방법을 angular2?
3
A
답변
5
JSPDF는 각도 2에서 작동합니다. dt ~에서 정의를 다운로드해야합니다. 가져 오기 라이브러리 등이 줄을 추가 맵 섹션에서 system.js에서
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`);
})
:
"jspdf": "<myLibs>/jspdf.js",
의
+0
당신은 내 영웅입니다. – Kirby
+0
@Kirby, 연락을 계속합시다! –
가능한 복제 (HTTP [angular2/타이프하여 HTML에서 PDF 파일을 생성]을 : //stackoverflow.com/questions/38996376/generate-pdf-file-from-html-using-angular2-typescript) –
jsPDF를 살펴보십시오. – Arg0n
JsPDF는 angular2가 아닌 angular1과 함께 작동합니다. HTML로 변환 할 수있는 무언가를 저에게 보여 줄 수 있습니까? pdf에 ID가있는 HTML 표를 변환하여 인쇄해야합니다. –