HTML 生成 PDF 一直是一個備受關注的話題，因為 PDF 是一種廣泛使用并且可靠的文件格式。在本文中，我們將介紹如何使用 HTML 代碼生成 PDF 文件。 首先，我們需要使用一個叫做“jsPDF”的 JavaScript 庫。這個庫允許我們使用 JavaScript 代碼來創建 PDF 文件。我們可以使用以下代碼引入這個庫：

接下來，我們需要將我們想要轉換成 PDF 的 HTML 代碼放在一個 div 或其他容器中，然后使用以下代碼：

const pdf = new jspdf('p', 'pt', 'letter');
const source = document.getElementById('element-to-print');
const specialElementHandlers = {
'#element-to-print': function (element, renderer) {
return true;
}
};
pdf.fromHTML(
source,
15,
15,
{
'width': 170, 
'elementHandlers': specialElementHandlers
});
pdf.save('pdfName.pdf');

在這個代碼中，我們從 HTML 元素的 id（在這個例子中是“element-to-print”）中獲取了 HTML 代碼，并將其轉換為 PDF 文件。我們還定義了 PDF 文件的大小和名稱，并將其保存在本地。 我們可以使用一些其他設置來自定義我們的 PDF 文件，例如添加頁眉和頁腳。下面是一個例子：

pdf.setFontSize(10);
pdf.setTextColor(150);
pdf.text('Header', 40, 30);
pdf.text('Footer', 40, pdf.internal.pageSize.height - 30);

在這個例子中，我們使用了 setFontSize 和 setTextColor 方法來設置頭部和底部的字體大小和顏色。我們還使用了 text 方法來添加頭部和底部文本，并將其定位在頁面的合適位置。 HTML 生成 PDF 是一種非常有用的功能，它可以讓我們將 Web 內容以一種易于分享和打印的方式傳達給用戶。使用上面提供的代碼片段，你可以很容易地將你的 HTML 代碼轉換為 PDF 文件并在你的網站上使用它。