Angular 2中的HTML TO PDF轉換

我需要將Html模板轉換爲pdf，我需要下載該文件。我使用Angular 2.是否有任何TypeScript代碼將HTML模板轉換爲PDF？Angular 2中的HTML TO PDF轉換

2017-08-29 ANDO LAWRENCE

請參加[導覽]並閱讀[問]。詢問代碼示例是無關緊要的。 – Lexi

也有npm包，你可能可以用來幫助你實現這一點。你可以嘗試看看jspdf：https://github.com/MrRio/jsPDF – yoonjesung

我一直在使用一個外部庫，以便能夠從文件我Angular4應用導出：https://github.com/eligrey/FileSaver.js/

它可能不是正是你需要爲整個頁面，但提取數據從CSV/PDF我的應用程序非常完美。

這是我用來提取數據的示例代碼。我綁定此方法來一個按鈕來觸發事件：

exportDatas(documentType: string) { 
    this.MyRandomServiceThatReturnsData.getDatas(MyParameters1, ...) 
    .subscribe(result => { 
    const blob = new Blob([result.blob()]); 
    const objectUrl = URL.createObjectURL(blob); 
    FileSaver.saveAs(blob, 'Export.' + documentType); 
    }); 
}

來源

2017-08-29 14:54:35

我使用的是角度2 cli編譯器。我想在前端將html轉換爲pdf。而不是從服務器端 –

這是來自一個Angular組件 –

雖然FileSaver不會將HTML轉換爲PDF，對吧？您是否在使用其他方式來進行轉換？ – ganeshk

這時候你想創建一個PDF看起來酷似充滿數據的角度HTML模板令人驚訝的棘手我用這個有很多的作爲報告。佈局可以用HTML完成，用戶可以在屏幕上看到它，或者打印/保存/電子郵件爲PDF格式。

以爲PDF打印機驅動程序會這樣做，但似乎只適用於在服務器端完成的頁面。

我發現的解決方案完美無缺，是一款商業應用程序HiQPdf。在C＃中工作，並會做幾乎任何你想要的。找到它是一個經濟高效的解決方案。希望我已經知道了它之前，我已經吹了20多個無法計費的小時，試圖自己完成它。

來源

2017-08-29 16:34:34

Angular 2中的HTML TO PDF轉換

回答

相關問題