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

Question

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

setFontSize在我的案例中不起作用。

Answer 1

编辑：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 2

在打印之前，复制一下表格对象。 让我们说：

让temporalTable = document.getElementsByClassName（＆＃34; table＆＃34;）[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`);
    })

Answer 3

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

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