javascript - 如何通过jspdf将单个图像放置在多个页面上？

Question

我的 html 页面包含非常长的数据。

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

所以我已经计划好了。首先通过canvas将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 的第二页。之后，我必须在浏览器中显示。

我无法做到这一点。

谁能给出这个问题的解决方案吗？

Answer 1

l = { 方向:'p'， 单位:'pt'， 格式:'a3'， 压缩:真， 字体大小:8， 行高:1， 自动调整大小:假， 打印标题:true };

var doc = new jsPDF(l);

doc.addHTML($('elementHTML'),{format:'png',pagesplit: true}});