如何使用jspdf为表格内容设置pdf字体大小？答案

【问题标题】：How to set pdf font size for table content using jspdf?如何使用jspdf为表格内容设置pdf字体大小？
【发布时间】：2020-06-02 06:12:48
【问题描述】：

如何使用jspdf为表格内容设置pdf字体大小？

setFontSize 在我的情况下不起作用。

【问题讨论】：

标签： jspdf jspdf-autotable

【解决方案1】：

使用 jspdf-autotable 为表格中的文本设置字体大小如下所示：

var doc = new jsPDF();
doc.autoTable({html: '#table', styles: {fontSize: 20}})
doc.save("table.pdf");

【讨论】：

【解决方案2】：

编辑这个：jspdf.plugin.autotable.min.js

找到这部分并编辑字体大小：textColor:20,halign:"left",valign:"top",fontSize:10,cellPadding:5

默认大小为 10，我将其更改为 7： textColor:20,halign:"left",valign:"top",fontSize:7,cellPadding:5

【讨论】：

【解决方案3】：

在打印之前，制作表格对象的副本。比方说：

让 temporalTable = document.getElementsByClassName("table")[0];

然后将样式应用于此对象。你可以使用普通的 JS 函数。

最后：

    html2canvas(temporalTableWithNewStyles)
    .then((canvas: any) => {
        doc.addImage(canvas.toDataURL("image/jpeg"), "JPEG", 0, 50, doc.internal.pageSize.width, element.offsetHeight / 5 );
        doc.save(`Report-${Date.now()}.pdf`);
    })

【讨论】：

谢谢Leonardo，这样我们可以使用jquery clone吗？
我没试过，但我想深拷贝也不错:)