首頁  >  文章  >  web前端  >  html如何轉換為pdf

html如何轉換為pdf

coldplay.xixi
coldplay.xixi原創
2021-04-27 14:49:1527658瀏覽

html轉換為pdf的方法:1、使用【html2canvas jsPDF】是一種專門在前端js產生pdf的方法;2、iText方法產生的pdf品質會更高;3、wkhtmltopdf軟體產生pdf支援多種方式。

html如何轉換為pdf

本教學操作環境:windows7系統、html5版,DELL G3電腦。

html轉換為pdf的方法:

1、html2canvas jsPDF

這種方法實質上是一種專門在前端js產生pdf的方法,只要導入幾個js檔案寫一點js呼叫即可,本質就是使用js遍歷頁面中都dom節點,然後將其轉化為canvas,然後調用jsPDF,將canvas轉化為PDF,我也嘗試的使用過這種方式產生PDF,使用感受一個是轉成的PDF嚴重失幀,變形嚴重(當然不排除我html程式碼規範問題),另一個就是當頁數過多時,會導致瀏覽器死機,速度過慢。

2、iText

這種方法產生的pdf品質會更高,但是在後端實現的步驟過於複雜,而且需要安裝字體,對於html程式碼要求也是比較高,缺少標籤的時候會報錯,這種方法我沒有去嘗試過,當時直接被第三種方法給吸引了

#3、wkhtmltopdf

這種方式實現比較簡單,wkhtmltopdf是一個軟體,這個軟體產生pdf支援多種方式,可以直接使用網頁網址將頁面轉換為pdf,也可以使用本地的文件將其轉為pdf,而且轉換結果及其的完美,加上實現的過程比較簡單,所以我覺得這是最優的一種html轉換為pdf的方式,下面直接上效果圖

html如何轉換為pdf

相關學習推薦:html影片教學

#

以上是html如何轉換為pdf的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn