<p>
<p>
使用JavaScript 從HTML Div 生成PDF
<p>
問題:
<p>使用 jsPDF 和插件的解決方案:
<p>
包含以下jsPDF外掛:
-
<p>jspdf.plugin.from_html.js
jspdf.plugin.split_text_t o_size.js- jspdf.plugin.standard_fonts_metrics.js
-
-
忽略透過為它們分配 ID 並在 jsPDF 元素處理程序中排除不需要的 HTML元素處理程序中不需要的 HTML元素:
-
<p>
使用 doc.fromHTML 將 HTML 內容轉換為 PDF:
- <p>
var doc = new jsPDF();
var source = window.document.getElementsByTagName("body")[0];
doc.fromHTML(source, 15, 15, { width: 180, elementHandlers: elementHandler });
登入後複製
自動在新視窗中開啟新視窗開啟window:
-
<p>
doc.output("dataurlnewwindow");
登入後複製
附加說明:
<p>
自訂元素處理程序只能符合具有 ID 的元素。
jsPDF 在轉換過程中會遺失 CSS 樣式,但支援標題格式(h1、h2、等)。 - 僅列印文字節點內的文本,而不列印文字區域或類似輸入欄位的值。
-
以上是如何使用 JavaScript 從 HTML Div 產生 PDF?的詳細內容。更多資訊請關注PHP中文網其他相關文章!