Adding Footer to pdf using jsPDF

前端 未结 7 1593
南笙
南笙 2021-01-02 09:33

I am generating pdf from jsPDF api , I want to add footer to each page with page number .

How to achieve this . It is having option of adding footer from fromHTML p

7条回答
  •  南方客
    南方客 (楼主)
    2021-01-02 10:22

    If you need something like "current page / totalPage" displaying for each page. Using "Total page number" plugin available in jspdf v1.0+

    How to use:

            var doc = new jsPDF();
            doc.page=1; // use this as a counter.
            var totalPagesExp = "{total_pages_count_string}";
    
    
            function footer(){ 
              var str = "Page " + doc.page;           
              if (typeof doc.putTotalPages === 'function') {
                str = str + "/" + totalPagesExp;
              }
              doc.text(150,285, str); //print number bottom right
            }
    
            // call footer() after each doc.addPage()
    
            // and before doc.save() do not forget put
            if (typeof doc.putTotalPages === 'function') {
                doc.putTotalPages(totalPagesExp);
            }
    

    It should work. Hope this helps.

提交回复
热议问题