页脚的字体大小,在jsPDF autoTable中

时间:2018-12-12 12:10:43

标签: javascript pdf-generation jspdf jspdf-autotable

所以

我已经成功修改了其他所有内容,但无法弄清楚如何仅更改页脚字体大小,与表格字体本身相比,它现在太大了。

    let pdf = new jsPDF({orientation: 'l'});
    let res = pdf.autoTableHtmlToJson(document.getElementById('capture'));
    const totalPagesExp = '{total_pages_count_string}';
    let height = pdf.internal.pageSize.getHeight();

    const footer = function(res) {
        let str = 'Sivu ' + res.pageCount;

        if (typeof pdf.putTotalPages === 'function') {
            str = str + ' / ' + totalPagesExp;
            str = str + ' -- ' + moment().format('L').toString();
        }

        //PROBLEM GOES HERE
        pdf.text(str, 5, height - 5, {
            fontSize: 5
        });
    };

    pdf.autoTable(
        res.columns,
        res.data,
        {margin: {top: 25, bottom: 15},
        styles: {overflow: 'linebreak',
                fontSize: 6},
        showHeader: 'everyPage',
        afterPageContent: footer,
        theme: 'plain'});

    if (typeof pdf.putTotalPages === 'function') {
        pdf.putTotalPages(totalPagesExp);
    }

    pdf.save( 'file.pdf');

页脚本身正在很好地进行迭代,页码按预期显示。但是,即使我按照文档中所述将选项对象传递到psd.text()中,它仍然不会更改字体大小。

Documentation for text

1 个答案:

答案 0 :(得分:1)

pdf.setFontSize(5);

并记住将其放在 之前,

        pdf.setFontSize(5);
        pdf.text(str, 5, height - 5, {
            styles: { fontSize: 5 },
        });