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

Question

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

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

Answer 1

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

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

Answer 2

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

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

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

Answer 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`);
    })