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

Question

У меня есть html-страница, содержащая очень длинные данные.

Здесь мне нужно преобразовать html в pdf. Я не могу преобразовать pdf с помощью css с помощью jspdf

Так что я планировал. Сначала конвертируйте html в png с помощью холста, а затем конвертируйте png в pdf. У меня есть правильный метод для этого. Я тоже получил решение.

Но проблема в том, что после преобразования png, im не удалось разместить в 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 = { ориентации: 'р', единица: 'пт', формат: 'а3', компресс: правда, FontSize: 8, LineHeight: 1, Autosize: ложь, printHeaders : true };

var doc = new jsPDF (l);

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