javascript - 如何使用 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');
        }
    });

目前仅打印视口(viewport)

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

Answer 1

使用打印媒体查询

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