Как разместить одно изображение на нескольких страницах с помощью jspdf?

Question

У меня есть 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. После этого я должен показать в браузере.

Я не могу этого сделать.

Кто-нибудь может дать решение для этого?

Answer 1

l = {ориентация: 'p', единица измерения: 'pt', формат: 'a3', сжатие: true, fontSize: 8, lineHeight: 1, autoSize: false, printHeaders: true};

var doc = новый jsPDF (l);

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