2017-03-20 20 views
3

동적으로 생성 된 HTML 테이블을 pdf로 변환해야하고 인쇄 할 수도 있습니다. angular2와 Typescript로 처리해야합니다.HTML을 PDF로 변환하는 방법을 angular2?

+1

가능한 복제 (HTTP [angular2/타이프하여 HTML에서 PDF 파일을 생성]을 : //stackoverflow.com/questions/38996376/generate-pdf-file-from-html-using-angular2-typescript) –

+0

jsPDF를 살펴보십시오. – Arg0n

+0

JsPDF는 angular2가 아닌 angular1과 함께 작동합니다. HTML로 변환 할 수있는 무언가를 저에게 보여 줄 수 있습니까? pdf에 ID가있는 HTML 표를 변환하여 인쇄해야합니다. –

답변

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, 연락을 계속합시다! –