Сохраните HTMLtoCanvas в PDF с помощью проблемы с высотой страницы JSPDF - PullRequest
Новая
       10

Сохраните HTMLtoCanvas в PDF с помощью проблемы с высотой страницы JSPDF

0 голосов
/ 27 октября 2019

Я создаю функцию для преобразования html в холст и успешно создаю изображение с шириной 1140 и высотой 4033, я использую это для создания PDF, использую jspdf, для ширины изображения идеально подходит, но для высоты у меня есть проблемы с разрывом страницы и для многихСтраница создана больше, чем изображение.

это мой код 

function saveAsPDF() {
           html2canvas(document.getElementById("chart-container"), {
              onrendered: function(canvas) {
                var imgWidth = 210; 
                var pageHeight = 210;  
                var imgHeight = canvas.height * imgWidth / canvas.width;
                var heightLeft = imgHeight;
                var position = 0;
                var myImage = canvas.toDataURL("image/png");
                window.open(myImage);
                var img = canvas.toDataURL(); //image data of canvas
                var doc = new jsPDF();
                doc.addImage(img, 'PNG', 0, position, imgWidth, imgHeight);
                heightLeft -= pageHeight;

                while (heightLeft >= 0) {
                  position += heightLeft - imgHeight; // top padding for other pages
                  doc.addPage();
                  doc.addImage(img, 'PNG', 0, position, imgWidth, imgHeight);
                  heightLeft -= pageHeight;
                }
                var date = (new Date()).toISOString().split('T')[0];
                doc.save('Report.pdf');
              }
           });
}

Мне нужна помощь для этого

...