html转pdf的demo

以下代码可以直接使用!!!

亲测有效

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
    <script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script>
</head>
<body>
<div class="right-aside" id="pdfDom" class="right-aside">
    测试文字的啦
</div>
        <span onclick="makeMpdf()">下载</span>
<script>
     function makeMpdf () {
          if(confirm("您确认下载该PDF文件吗?")){
              var pdf = new jsPDF('p','pt','a4');
              // 设置打印比例 越大打印越小
              pdf.internal.scaleFactor = 1;
              var options = {
                  pagesplit: true, //设置是否自动分页
                  "background": '#FFFFFF'   //如果导出的pdf为黑色背景,需要将导出的html模块内容背景 设置成白色。
              };
              var printHtml = $('#pdfDom').get(0);   // 页面某一个div里面的内容,通过id获取div内容
              pdf.addHTML(printHtml,15, 15, options,function() {
                  pdf.save('目标.pdf');
              });
          }
      }
  </script>
</body>
</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章