2017-08-04 141 views
0

我想使用html2canvas和JsPDF將整頁保存爲pdf。我曾試過的方法似乎都沒有奏效。如何使用Html2Canvas和JsPDF打印整頁

html2canvas(document.body, { 
     allowTaint: true, 
     onrendered: function(canvas) { 
      var image = canvas.toDataURL('image/png'); 

      var pdf = new jsPDF(); 
      pdf.addImage(image, 'JPEG', 0, 0); 
      pdf.save('invoice.pdf'); 
     } 
    }); 

目前這僅打印視

如何打印整頁/容器。還是其他更好的選擇?

+0

你爲什麼要保存這是一個PDF?你只是想打印文件的內容? – Pixelomo

+0

本機打印選項不支持某些樣式。這就是爲什麼@AlanSutherland –

+0

@SibiRaj你可以使用'html2canvas'和'pdfmake' –

回答

0

使用打印媒體查詢

@media print { 
     body, html { 
      width: 100%; 
      margin-top: 0%; 
      display: block; 
      height: 100%; 
     } 
} 
+0

謝謝。我會看看它 –

+0

如果你發現我的答案有幫助,請接受並註冊吧 – Pixelomo

+0

默認的打印選項在瀏覽器中有其侷限性和變化。所以尋找更好的選擇 –