javascript - 如何使用jspdf生成具有正确值的表

Question

在我的项目中，我不知道如何在生成的 pdf 中包含表格。我的 jsPDF 版本是 1.2.61 和 jQuery 1.12.4

这是我的代码：

<table id="tablePDF">
<tr><td>Value1a</td><td>Value2b</td><td>Value3c</td></tr>
<tr><td>Value1a</td><td>Value2b</td><td>Value3c</td></tr>
<tr><td>Value1a</td><td>Value2b</td><td>Value3c</td></tr>
<tr><td>Value1a</td><td>Value2b</td><td>Value3c</td></tr>
</table>

<button id="downloadPDF" onclick="generatePDF()">DOWNLOAD PDF</button>

<script>
function generatePDF() {
    var doc = new jsPDF('p', 'pt', 'a4');
  
  doc.fromHTML($('#tablePDF').html(), 20,20, {
    'width':500
  });
  
  doc.save('Test.pdf');
}
</script>

我想将我的 div 的内容作为表格包含在 pdf 中。

示例： 如果我的 html 中有一个包含 4 行的表格，我希望报告所有 4 行。如果有 10 行并且表格超出了工作表边界，则添加一个新页面。

我尝试使用 pdf.fromHTML 函数来执行此操作，但我无法使用它，因为它将 time new roman 设置为默认字体，并且我希望将 arial 作为字体。

我该怎么做才能在pdf中实现这一点？

标签： javascripthtmljquerypdfjspdf