HTMLをPDF形式に変換するにはどうしたらいいですか？

ダイナミック生成HTMLテーブルをpdfに変換して印刷する必要があります。私はangular2とTypescriptでそれを行う必要があります。HTMLをPDF形式に変換するにはどうしたらいいですか？

2017-03-20 Munish Sharma

の可能性のある重複した[angular2/typescriptですを使用して、HTMLからPDFファイルを生成]（HTTP： //stackoverflow.com/questions/38996376/generate-pdf-file-from-html-using-angular2-typescript） –

jsPDFをご覧ください。 – Arg0n

JsPDFはangular2ではなく、angular1で動作することを確認しました。あなたは、私たちがHTMLをpdfに変換することができるプランナーに何かを見せてもらえますか？私はpdfにIDを持つHTMLテーブルを変換し、それを印刷する必要があります。 –

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",

出典

2017-05-02 04:48:58

あなたは私のヒーローです。 – Kirby

@Kirby、連絡しましょう！ –

HTMLをPDF形式に変換するにはどうしたらいいですか？

答えて

関連する問題