Paged.js能使用HTML實現精美PDF

banq發表於2021-04-05
JSHTML

HTML和CSS是精美的語言，是協作和開放網路的標誌性成就之一。它們可以建立精美的排版數字內容，這些內容可以在任何裝置上檢視，而無需任何特殊軟體或付費許可證。
但是，網路是為滾動內容而不是分頁媒體而開發的（媒體是指離散頁面，例如印刷或PDF）。不幸的是，儘管分頁媒體上有W3C標準，但迄今為止瀏覽器採用得還不夠。PrinceXML中雖好但是一種付費方案，但是缺少本地的免費解決方案。

paged.js是一個天才的想法，可以充填所需的功能，以允許瀏覽器以本機方式處理分頁媒體，而不必從頭開始構建整個渲染引擎。
 

安裝
透過paged.js從HTML生成PDF包含三個要素。首先，您需要透過在本地或直接連結到paged.polyfill.js庫來載入它：

<script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>

其次，您將需要一個Web伺服器，因為paged.js可以透過修改基礎HTML和CSS來工作。一種方法是在GitHub Pages（或類似頁面）上靜態託管，另一種方法是使用本地伺服器（例如Web Server for Chrome）。
最後，您需要擁有自己的自定義樣式表，您將在其中輸入所有要應用的格式設定規則。在我們的示例倉庫中，這些規則包含在style.css中。
作為一種更簡單的選擇，只需克隆我的示例儲存庫（併為克隆的儲存庫設定GitHub Pages），然後通讀style.css 和 index.html瞭解它是如何工作的。本指南的其餘部分將帶您透過我的倉庫中的程式碼示例。
詳細點選標題。


 

相關文章