HTML 是一種標記語言,廣泛用于創建各種網頁和應用程序。一些開發人員需要將 HTML 頁面保存為 PDF 文件,以便于共享和打印。下面是 HTML 轉 PDF 文件的代碼示例:
首先,我們需要使用 JavaScript 庫,例如 jsPDF 或 PDFKit,這些庫可以幫助我們創建 PDF 文件。
// 使用 jsPDF 庫創建 PDF 文件 var doc = new jsPDF(); // 新建一個 jsPDF 對象 var elementHTML = $('#id').html(); // 獲取要轉換為PDF的HTML元素,以 id 為例 doc.fromHTML(elementHTML, 15, 15); // 將 HTML 元素轉換為 PDF 文件 doc.save('output.pdf'); // 保存 PDF 文件到本地
說明:
- 第1行:使用 jsPDF 庫創建 PDF 對象。
- 第2行:從 HTML 頁面中選擇要轉換的元素,這里我們將 ID 設置為“id”。
- 第4行:將 HTML 元素轉換為 PDF 文件。
- 第5行:保存 PDF 文件到本地,文件名為 output.pdf。
下面是使用 PDFKit 創建 PDF 文件的示例代碼:
// 使用 PDFKit 庫創建 PDF 文件 var PDFDocument = require('pdfkit'); // 加載 PDFKit 庫 var doc = new PDFDocument(); // 創建 PDF 對象 var stream = doc.pipe(fs.createWriteStream('output.pdf')); // 將 PDF 對象導入外部文件 var elementHTML = $('#id').html(); // 獲取要轉換為 PDF 的 HTML 元素,以 id 為例 doc.text(elementHTML, 100, 100); // 將 HTML 元素保存為 PDF 文件中的文本 doc.end(); // 結束文檔編寫
說明:
- 第2行:加載 PDFKit 庫。
- 第4行:創建 PDF 對象。
- 第5行:將 PDF 對象導入外部文件output.pdf 到系統目錄。
- 第6行:從 HTML 頁面中選擇要轉換的元素,這里我們將 ID 設置為“id”。
- 第8行:在 PDF 文件中保存 HTML 元素為文本。
- 第9行:結束文檔編寫。
總體而言,使用 JavaScript 庫可以將 HTML 頁面轉化為 PDF 文件,并且使用非常方便。不同的庫可能有其特點,但核心代碼都有相似之處。