如何使用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

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

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

Answer 3

在打印之前，制作表对象的副本。假设：

let termaltable = 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`);
    })