0

Tenho este script que gera um pdf de uma div. Más as imagens que contem na div não são geradas no pdf, alguém pode me ajudar?

$('#downloadpdf').click(function() 
                {
                    var doc = new jsPDF('landscape', 'pt', 'a4');
                        doc.addHTML($('#dowextrato'), function()
                    {
                        doc.save("relatorio-<?php echo $Pnome; ?>.pdf");
                    }); 
                });

2 Respostas 2

0

Falou você adicionar o parâmetro:

doc.addImage(imgData, 'JPEG', 15, 40, 180, 160) 

No site do plugin há um exemplo com imagens.

https://parall.ax/products/jspdf

Nessa demo há um exemplo com imagem em uma div.

https://codepen.io/bennettfeely/pen/RWMObL

3
  • Perfeito era isso mesmo! Agora, sem querer abusar: "15,40,180,160" quais as posições? 18/05/2017 às 13:32
  • Os parâmetros são: doc.addImage(imagem, 'formato da imagem', x, y, larguraimagem, alturaimagem); 18/05/2017 às 13:40
  • Valeu amigo, obrigado mesmo! 18/05/2017 às 13:41
0

Para React:

Crie um HTMLImageElement e use-o como parâmetro da função doc.addImage

import autoTable  from 'jspdf-autotable'
import jsPDF from 'jspdf'

const image = document.createElement('img')
image.setAttribute('src', '/assets/images/imagem.png')

const gerarPDF = () => {
  const doc = new jsPDF()
  autoTable(doc, {
    margin: {top: 40},  //"empurra" a tabela para baixo, deixando espaco para imagem
    head: cabecalho,
    body: dados,
    didDrawPage: data => {
      doc.addImage(image, 'PNG', data.settings.margin.left, 15, 60, 20)
    }
  })
  doc.save('nomeDoArquivo')
}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .