简体   繁体   English

如何添加页码。 使用html2pdf

[英]How add page numbers. Use html2pdf

I need add paginate but still can not find normal manual.我需要添加分页但仍然找不到正常的手册。 Variant what show internet does not work.变体显示互联网不起作用。

 $("#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();
        });

After generating the pdf, you can call a function to write the page numbers.生成 pdf 后,可以调用 function 写入页码。 Similar to this:与此类似:

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();

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM