JS：如何将 HTML 元素转换为 PDF答案

【问题标题】：JS: How Can I Convert HTML Element Into A PDFJS：如何将 HTML 元素转换为 PDF
【发布时间】：2021-09-26 09:07:08
【问题描述】：

我需要将此 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>

这个

有没有插件或功能

【问题讨论】：

标签： javascript html css pdf download

【解决方案1】：

你可以使用 jQuery 和 jsPDF Library:

<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 文件。

【讨论】：

jsPDF需要JQuery吗

【解决方案2】：

没有简单的方法可以直接转换为 PDF。但是，您可以调用window.print()，这将打开用户浏览器的打印对话框。在大多数现代系统上，都预装了 PDF 打印机。

【讨论】：