如何添加页码。使用 html2pdf

Omn*_*ius 3 javascript pdf jquery pagination html2pdf

我需要添加分页但仍然找不到正常的手册。显示互联网不起作用的变体。

 $("#create_pdf").click(function () {
            $('button').hide();
            var element = document.getElementById('element');
            html2pdf(element, {
                margin: 1,
                filename: 'myfile.pdf',
                image: { type: 'png', quality: 0.98 },
                html2canvas: { scale: 2, logging: true, dpi: 192, letterRendering: true },
                jsPDF: { unit: 'mm', format: 'a4', orientation: 'landscape' }
            });

            $('button').show();
        });
Run Code Online (Sandbox Code Playgroud)

Ash*_*nko 6

生成pdf后,您可以调用函数来写入页码。与此类似:

var element = document.getElementById('element');
var opt = {
    margin: 1,
    filename: 'myfile.pdf',
    image: {
        type: 'png',
        quality: 0.98
    },
    html2canvas: {
        scale: 2,
        logging: true,
        dpi: 192,
        letterRendering: true
    },
    jsPDF: {
        unit: 'mm',
        format: 'a4',
        orientation: 'landscape'
    }
};
html2pdf().from(element).set(opt).toPdf().get('pdf').then(function(pdf) {
    var totalPages = pdf.internal.getNumberOfPages();
    for (i = 1; i <= totalPages; i++) {
        pdf.setPage(i);
        pdf.setFontSize(10);
        pdf.setTextColor(100);
        pdf.text('Page ' + i + ' of ' + totalPages, (pdf.internal.pageSize.getWidth() / 2.3), (pdf.internal.pageSize.getHeight() - 0.8));
    }
}).save();
Run Code Online (Sandbox Code Playgroud)