国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JSP > 正文

用jspdf實現頁面下載生成pdf文件

2019-11-08 18:50:29
字體:
來源:轉載
供稿:網友
 

jspdf實現頁面下載生成pdf文件

一路辛酸就不多說了,經歷了各種嘗試,最后終于搞定,直接貼代碼:

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 在CODE上查看代碼片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文件:

[html] view%20plain copy 派生到我的代碼片<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顯示不完整的時候,新增一頁;


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 资溪县| 古丈县| 冷水江市| 宜黄县| 临汾市| 丰县| 长寿区| 霍州市| 山东省| 宁海县| 益阳市| 南部县| 温宿县| 依安县| 黄浦区| 绥阳县| 云阳县| 密云县| 宜兰市| 金堂县| 沙湾县| 上饶市| 平罗县| 东乡县| 仁化县| 榆林市| 登封市| 静宁县| 旬邑县| 同心县| 瓮安县| 南投市| 盐津县| 深圳市| 岳西县| 澳门| 新竹市| 梓潼县| 河北区| 弥勒县| 桐乡市|