如何使用jspdf在多个页面上放置单个图像

我有一个包含很长数据的html页面。

这里，我必须将html转换为pdf。我无法转换pdf与css使用jspdf

所以我计划好了。首先通过画布将html转换为png，然后将png转换为pdf。我有正确的方法来做这件事。我也有解决办法了。

但问题是转换png后，我无法在pdf中放置，图像将被裁剪。

这是我的代码

window.onload = function() {
                html2canvas(document.body).then(function(canvas) {
        document.getElementById("page1").appendChild(canvas);
                    document.body.appendChild(canvas);
                    var context = canvas.getContext("2d");
                     l = {
                         orientation: 'p',
                         unit: 'pt',
                         format: 'a3',
                         compress: true,
                         fontSize: 8,
                         lineHeight: 1,
                         autoSize: false,
                         printHeaders: true
                     };
                    var doc = new jsPDF(l, "", "", "");

                    doc.addImage(canvas.toDataURL("image/jpeg"), 'jpeg',0,0)
                    doc.addPage();
            doc.addImage(canvas.toDataURL("image/jpeg"), 'jpeg',0,500, 1000, 1000)
                    window.location=doc.output("datauristring")
                });
            }

转换pdf后，我显示在相同的选项卡中。

我已经试过另一个方法了。

将html页面划分为两个部分。第一部分将在pdf格式的第一页，其余部分将在pdf格式的第二页。之后，我必须在浏览器中显示。

我不能做这件事。

谁能给解决这个问题?