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>

 

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