js导出pdf

方法一:

function htmlToPdf(){  
    html2canvas($('#lastcontent'), {  //appmsg 为选择要导出的页面id样式
        height:3000,  
        onrendered: function(canvas) {           
            var imgData = canvas.toDataURL('img/notice/png');  
            var doc = new jsPDF('p', 'px','a4');  
            //第一列 左右边距  第二列上下边距  第三列是图片左右拉伸  第四列 图片上下拉伸  
            doc.addImage(imgData, 'PNG', 10, 0,420,0);  
            doc.addPage();  //增加新一页
            doc.addImage(imgData, 'PNG', 10, 0,420,0);  
            doc.save('test.pdf');  
        }  
    });  
}

方法二:
 


function htmlToPdf() {
    if(confirm("您确认下载该PDF文件吗?")){
       var pdf = new jsPDF('p','pt','a4');
    // 设置打印比例 越大打印越小
       pdf.internal.scaleFactor = 2;
       var options = {
           pagesplit: true, //设置是否自动分页
          "background": '#FFFFFF'   //如果导出的pdf为黑色背景,需要将导出的html模块内容背景 设置成白色。
      };
       var printHtml = $('#allcontent').get(0);   // 页面某一个div里面的内容,通过id获取div内容
       pdf.addHTML(printHtml,15, 15, options,function() {
          pdf.save('目标.pdf');
      });
    }
}

猜你喜欢

转载自blog.csdn.net/The_Best_Hacker/article/details/88366840