如何使用 Html2Canvas 和 JsPDF 打印整页

Question

我想使用 html2canvas 和 JsPDF 将整页保存为 pdf。我曾经尝试过的任何方法似乎都不起作用。

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');
        }
    });

目前这仅打印视口

如何打印整页/容器。还是有其他更好的选择？

Answer 1

使用印刷媒体查询

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