nodejs用html轉成pdf-前端問答-PHP中文網

nodejs用html轉成pdf

WBOY

發布： 2023-05-12 12:28:37

原創

1522 人瀏覽過

隨著網路技術的不斷發展，越來越多的應用程式需要將網頁內容轉換為 PDF 格式，以使其更易於分享和下載。在這個過程中，Node.js 可以作為一個強大的工具來實作將 HTML 文件轉換為 PDF 格式。這篇文章將介紹使用 Node.js 將 HTML 轉換為 PDF 的過程。

安裝必要的依賴項

在開始之前，您需要在系統中安裝以下必要的軟體包：

Node. js 開發環境
npm - Node.js 的套件管理器
wkhtmltopdf - 一個從網頁產生PDF 的工具

Wkhtmltopdf 是一個基於WebKit 引擎的命令行工具，它可以將html 文件轉換為pdf 文件，同時它還支援添加浮水印、頁眉頁腳等多種特性。

在Ubuntu 系統下，您可以透過以下命令進行wkhtmltopdf 的安裝：

sudo apt-get install wkhtmltopdf

登入後複製

安裝依賴項

接下來，您需要安裝pdfkit和fs 模組，這兩個模組可透過npm 套件管理器進行安裝。

在命令列輸入以下命令進行安裝：

npm install pdfkit

登入後複製

npm install fs

登入後複製

編寫程式碼

安裝完相關依賴項後，就可以開始編寫JavaScript 程式碼了。您可以建立一個名為「html-to-pdf.js」的文件，寫入以下程式碼：

const pdfkit = require('pdfkit');
const fs = require('fs');
const wkhtmltopdf = require('wkhtmltopdf');

// 生成 PDF
function generatePDF(html, options, callback) {
    // 创建文件流
    const inputStream = fs.createReadStream(html);

    // 调用 wkhtmltopdf
    wkhtmltopdf(inputStream, options, (error, stream) => {
        if (error) {
            callback(error);
        } else {
            callback(null, stream);
        }
    });
}

// 写 PDF
function writePDF(doc, path, callback) {
    const writeStream = fs.createWriteStream(path);

    writeStream.on('error', (error) => {
        callback(error);
    });

    doc.pipe(writeStream);

    doc.end();
}

// 创建 PDF
function createPDF(html, path, options, callback) {
    const doc = new pdfkit();

    generatePDF(html, options, (error, stream) => {
        if (error) {
            callback(error);
        } else {
            doc.on('pageAdded', () => {
                doc.image(stream, {
                    fit: [doc.page.width - 100, doc.page.height - 100],
                    align: 'center',
                    valign: 'center'
                });
            });

            doc.pipe(fs.createWriteStream(path));

            doc.end();

            callback(null, path);
        }
    });
}

// 导出模块
module.exports = {
    createPDF,
    writePDF,
    generatePDF
};

登入後複製

在該程式碼中，我們引入了pdfkit、fs 和wkhtmltopdf 模組，並編寫了三個函數：generatePDF、writePDF 和createPDF 。

generatePDF 函數的作用是將 HTML 檔案轉換為 PDF 格式。它需要傳遞三個參數：html、options 和 callback。

writePDF 函數的功能是將 PDF 文件寫入檔案系統中。它需要傳遞三個參數：doc、path 和 callback。

createPDF 函數則是整個流程的控制中心，它可以呼叫 generatePDF 和 writePDF 函數來完成 HTML 轉 PDF 的過程。

使用 Node.js 將 HTML 轉換為 PDF

現在，您已經完成了程式碼的編寫，可以開始使用 Node.js 將 HTML 轉換為 PDF。您可以在命令列中輸入以下命令：

node html-to-pdf.js

登入後複製

或者，您也可以在自己的專案中使用該模組：

const htmlToPdf = require('./html-to-pdf');

htmlToPdf.createPDF('test.html', 'test.pdf', {
   pageSize: 'letter',
   marginTop: '0mm',
   marginBottom: '0mm',
   marginLeft: '0mm',
   marginRight: '0mm'
}, (err, result) => {
   if (err) {
      console.error(err);
      return;
   }
   console.log('File saved to: ' + result);
});

登入後複製

在這個範例中，我們使用createPDF 函數來將test .html 轉換為test.pdf，同時設定了頁面大小和邊距。