2017-08-04 106 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

默认的打印选项在浏览器中有其局限性和变化。所以寻找更好的选择 –