jspdfでhtml 5ページをpdfファイルにダウンロードする

1189 ワード

道中の辛酸は多く言わないで、いろいろな試みを経験して、最後にやっとできて、直接コードを貼ります:
	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が である 、 しいページが されます.