<p>
使用 JavaScript 從 Div 中的 HTML 內容產生 PDF
<p>要產生包含特定 HTML div 元素內容的 PDF 文件，我們可以利用 JavaScript 函式庫jsPDF。但是，由於 jsPDF 的文字函數只接受字串，因此我們需要合併額外的插件來啟用 HTML 渲染。
第 1 步：包含必要的外掛程式
<p>從 jsPDF 網站下載最新版本的jsPDF並將以下腳本包含在您的專案中：
- jspdf.js
- jspdf.plugin.from_html.js
- jspdf.plugin.spdf plit_text_to_size.js
- jspdf.plugin.standard_fonts_metrics.js
步驟2：忽略不需要的元素
<p>如果您想從PDF請在HTML 程式碼中為它們指派唯一的ID。然後，您可以利用 jsPDF 的特殊元素處理程序在轉換過程中忽略這些元素。
<p>例如，忽略ID 為「ignorePDF」的元素：
第3 步：轉換HTML到PDF
<p>建立一個新的jsPDF 文件並定義一個元素處理函數來忽略您想要的元素
var doc = new jsPDF();
var elementHandler = {
'#ignorePDF': function (element, renderer) {
return true;
}
};
var source = window.document.getElementsByTagName("body")[0];
doc.fromHTML(
source,
15,
15,
{
width: 180,
elementHandlers: elementHandler
}
);登入後複製
第4 步：輸出PDF
<p>要在新視窗中顯示產生的PDF，請使用以下程式碼：
doc.output("dataurlnewwindow");登入後複製
<p>這將自動下載名為「foobar.pdf」的PDF 文件，其中包含您指定的div 元素的內容。
以上是如何使用 JavaScript 從 HTML Div 產生 PDF？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
