Explicitly set the page number when generate the pdf

[ismail9k]

Motivation

When generating a pdf file with more than many multiple pages, it does not create successfully, due to canvas size limitations. We can generate each page individually then bind it to the pdf. The problem with this technique, that the clickable links will work only on the first page, because of the way the current page being calculated.

Solution

In my PR I introduce a way to force the current page which is currently being generating.
You can then use the code as follows:

const pages = Array.from(document.querySelectorAll('.page'));
const opt = {};

let worker = html2pdf()
  .from(pages[0])
  .set(opt)
  .toPdf();

pages.forEach(function(page, idx) {
  worker = worker
    .get('pdf')
    .then(pdf => {
      if (!idx) return;
      pdf.addPage();
    })
    .from(page)
    .toContainer()
    .toCanvas()
    .toPdf(idx + 1); // <== Explicitly set the page number
});
worker = worker.save();
``