Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

102
Visualizações
JSPDF how to modify this code to print two pages instead of one page

I have a script to generate a DIV to PDF but now I have two DIVs and I need to generate a two-pages PDF from this two DIVs

How can I modify this code to do this

The first DIV is the #pdf-one and the second is #pdf-two

public exportHtmlToPDF() {
    let data = document.getElementById('pdf-one')!;

    html2canvas(data).then(canvas => {

      let docWidth = 208;
      let docHeight = canvas.height * docWidth / canvas.width;

      const contentDataURL = canvas.toDataURL("image/jpeg", 1.0);
      let doc = new jsPDF('p', 'mm', 'a4');
      let position = 0;
      doc.addImage(contentDataURL, 'JPG', 0, position, docWidth, docHeight, 'FAST');

      doc.save('test.pdf');
    });
}
about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Try using break-after on your first div, like this:

#pdf-one {
 break-after: always; 
}

More info about break-after you can find here

And of course your div's height should match the height of the pdf page

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda