用jspdf實現html5頁面下載成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');
		    }
		});
	}

需要引入三個js文件：

<script src="./js/libs/jquery-2.0.2.js"></script>
<script src="./js/exportpdf/jspdf.debug.js"></script>
<script src="./js/exportpdf/html2canvas.js"></script>

關鍵代碼解析：

html2canvas 是將當前頁面轉換成圖片；

$('#appmsg') 是要轉換爲圖片的頁面範圍；

height:5000,這個高度要根據頁面的大小靈活調整；

var doc = new jsPDF('p', 'px','a3'); p：橫向，a3：紙張大小，默認是a4;

doc.addImage(imgData, 'PNG', -9, 0,650,1500);將轉換後的圖片放到pdf文檔上，後面四個參數可根據實際效果靈活調整；

doc.addPage(); 一頁pdf顯示不完整的時候，新增一頁；