JS：如何將 HTML 元素轉換為 PDF

Question

我需要將此 HTML 和 CSS 頁面下載為PDF 。 當用戶單擊此按鈕時

 const btn = document.querySelector("button");

 table{ border:1px solid black; border-radius: 10px; width: 100%; padding: 10px; }

 <div id="pdf_content"> <center><h1>Customers</h1></center> <table> <tr> <td>No</td> <td>Name</td> <td>Phone</td> </tr> <tr> <td>01</td> <td>Test01</td> <td>+44712365478</td> </tr> </table> </div> <br> <button>Download PDF</button>

是否有任何插件或這功能

Answer 1

沒有簡單的方法可以直接轉換為 PDF。 但是，您可以調用window.print() ，這將打開用戶瀏覽器的打印對話框。 在大多數現代系統上，都預裝了 PDF 打印機。

Answer 2

您可以使用 jQuery 和jsPDF 庫：

<script src="js/jquery.min.js"></script>

<script src="js/jsPDF/dist/jspdf.min.js"></script>

實例化 jsPDF 類：

var doc = new jsPDF();

按 ID 或類從特定元素中檢索 HTML 內容。 轉換網頁特定部分的 HTML 內容並生成 PDF。 將 HTML 內容保存並下載為 PDF 文件。