一路辛酸就不多說了,經歷了各種嘗試,最后終于搞定,直接貼代碼:
function pdfCreater(){ html2canvas(document.body, { onrendered: function(canvas) {var imgData = canvas.toDataURL();/* var doc = new jsPDF('p', 'pt', 'a4', false); */var doc = new jsPDF();// 第一列 左右邊距 第二列上下邊距 第三列是圖片左右拉伸 第四列 圖片上下拉伸 doc.addImage(imgData, 'png', 0,0,260,0);doc.save('合同.pdf');}}); }
[javascript] view plain copy關鍵代碼解析: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顯示不完整的時候,新增一頁;
新聞熱點
疑難解答