estou tentando utilizar o jspdf baseado nos exemplos que vi aqui. E estou tendo 2 problemas básicos, se eu uso o código abaixo:
$('#download_pdf').click(function() {
var doc = new jsPDF('portrait', 'pt', 'a4'),
data = new Date();
margins = {
top: 40,
bottom: 60,
left: 40,
width: 1000
};
doc.fromHTML($('#printavel'),
margins.left, // x coord
margins.top, { pagesplit: true },
function(dispose){
doc.save("Recibo - "+data.getDate()+"/"+data.getMonth()+"/"+data.getFullYear()+".pdf");
});
});
}
Ele não consegue receber o conteudo da div "#printavel" e o pdf é gerado assim:
Se eu utilizar o código abaixo:
$('#download_pdf').click(function() {
var doc = new jsPDF('landscape', 'pt', 'a4');
doc.addHTML($('#printavel'), function() {
doc.save("ReciboDoacao.pdf");
});
});
O pdf é gerado dessa forma:
Q ódio disso.. :(
download_pdf: É o botão que dispara a geração do pdf.
printavel: É a div onde ta o texto que vai pro pdf.
Perguntas:
1º No primeiro exeplo, por que não to conseguindo passar o conteúdo da div? 2º No segundo exemplo, por que raios ta gerando o pdf parecendo uma tela de DOS?
Qualquer ajuda é bem vinda..
Se alguém puder me mostrar como passar o conteudo da div de acordo com primeiro exemplo, ou como gerar o pdf sem ser aquela tela de DOS do segundo exemplo, qualquer um dos caso já serve. O pdf não tem que ter nada demais, é um texto simples com fundo branco e fonte arial preta, mais nada.