Реагировать на несколько страниц html2canvas jspdf - PullRequest
Новая
       15

Реагировать на несколько страниц html2canvas jspdf

2 голосов
/ 18 октября 2019

Я надеюсь использовать html2canvas и jspdf для загрузки многостраничного PDF.

Я могу без проблем создавать отдельные страницы со следующими данными: 

  printDocument = () => {
const input = document.getElementById('divToPrint');
html2canvas(input, {scale: 4,})
  .then((canvas) => {
    const imgData = canvas.toDataURL('image/png');
    const pdf = new jsPDF('l', 'pt', 'a4', true);

    var width = (pdf.internal.pageSize.getWidth() * 0.90);
    var height = (pdf.internal.pageSize.getHeight() * 0.90);


    pdf.addImage(imgData, 'PNG', 0, 0, width, height, '','FAST');
    // pdf.output('dataurlnewwindow');

    pdf.save("download.pdf");

  });

Я также знаю, что могу добавить страницу со следующими данными: 

pdf.addPage();

Если бы у меня былотрехстраничный документ, разделенный на 3 части <div id="divToPrint1"> ... </div>, <div id="divToPrint2"> ... </div>, and <div id="divToPrint3"> ... </div>, как мне создать и загрузить все 3 страницы вместе.

Любая помощь очень ценится!

...