3

Alguem tem algum codigo javascript que exporte uma div com grafico para um arquivo .PDF?

9
  • até onde sei, e com minhas experiências anteriores nisso, só dá pra fazer isso com PHP!
    – Leandro RR
    28/03/2016 às 14:44
  • se souber como utilizar veja isso: pdfkit.org
    – Leandro RR
    28/03/2016 às 14:47
  • Vlw pela resposta @LeandroRuel, só uma duvida, esse pdfkit pode criar um pdf a partir de uma DIV? por que os exemplos que tem nesse site ele cria tudo na mão.
    – 20comer
    28/03/2016 às 16:31
  • opa @sergioBertolazo não testei apenas busquei alguma coisa para você dar uma olhada, tem que ler a documentação melhor, se não suprir sua necessidade, procure por "javascript pdf generator"
    – Leandro RR
    28/03/2016 às 18:48
  • é cara eu testei nao funfo msm.. @LeandroRuel , vlw pela ajuda ai cara vo ter que continuar a procura pra fazer isso funcionar
    – 20comer
    28/03/2016 às 20:46

1 Resposta 1

3

depois de um tempo pesquisando e quebrando a cabeça sobre essa questão, consegui criar um script usando Chart.js para criar um gráfico simples e então exportei esse gráfico para PDF usando o jsPDF.js, porém para ser possível passar o gráfico para o pdf, teria que antes disso transformá-lo em uma imagem em formato PNG, para realizar essa tarefa utilizei o plugin html2canvas. eis o fiddle com o script que usei: https://jsfiddle.net/tj9tsyc3/5/

html:

<canvas id="myChart" width="400" height="400"></canvas>
<button type="button">gerar pdf</button>

js:

 $('button').on('click', function(){
      html2canvas($('#myChart'), {
        onrendered: function(canvas) {
          var imgData = canvas.toDataURL('image/png');
          var pdf = new jsPDF('p', 'mm');
          pdf.addImage(imgData, 'PNG', 10, 10);
          pdf.save('test.pdf');
        }
      });
    });
2
  • 1
    Valeu pela resposta @Leandro Ruel, funcionou perfeitamente pra mim, só que somente no Google Chrome, Firefox, IE 10 e 11, no IE 9 está dando erro, vou tentar achar um jeito de conseguir, valeu pela ajuda irmão!
    – 20comer
    1/04/2016 às 16:33
  • disponha! qualquer coisa so comentar aqui
    – Leandro RR
    1/04/2016 às 19:51

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 .