jspdfでhtml 5ページをpdfファイルにダウンロードする
1189 ワード
道中の辛酸は多く言わないで、いろいろな試みを経験して、最後にやっとできて、直接コードを貼ります:
3つのjsファイルを導入する必要があります.
キーコード :
html 2 canvasは のページを に します.
$('#appmsg')は、 に するページ です.
height:5000、この さはページの きさに じて に します.
var doc = new jsPDF('p', 'px','a3'); p: 、a 3: サイズ、デフォルトはa 4;
doc.addImage(imgData, 'PNG', -9, 0,650,1500); された をpdfドキュメントに し、 の4つのパラメータは の に じて に することができる.
doc.addPage(); 1ページのpdfが である 、 しいページが されます.
function downloadSG(){
html2canvas($('#appmsg'), {
height:5000,
onrendered: function(canvas) {
var imgData = canvas.toDataURL('img/notice/png');
var doc = new jsPDF('p', 'px','a3');
//
doc.addImage(imgData, 'PNG', -9, 0,650,1500);
doc.addPage();
doc.addImage(imgData, 'PNG', -9, -900,650,1500);
doc.save('test.pdf');
}
});
}
3つのjsファイルを導入する必要があります.
キーコード :
html 2 canvasは のページを に します.
$('#appmsg')は、 に するページ です.
height:5000、この さはページの きさに じて に します.
var doc = new jsPDF('p', 'px','a3'); p: 、a 3: サイズ、デフォルトはa 4;
doc.addImage(imgData, 'PNG', -9, 0,650,1500); された をpdfドキュメントに し、 の4つのパラメータは の に じて に することができる.
doc.addPage(); 1ページのpdfが である 、 しいページが されます.