jsPdf - jak przeskalować rozmiar div'a do rozmiarów A4 aby wydrukować wszystko na jednej stronie?

0

Witam serdecznie.
Potrzebuję wydrukować zawartość diva. Po ucieczce do google udało mi się najpierw zapisać plik:

var HTML_Width = $(".print-content").width();
            var HTML_Height = $(".print-content").height();
            var top_left_margin = 15;
            var PDF_Width = HTML_Width + (top_left_margin * 2);
            var PDF_Height = (PDF_Width * 1.5) + (top_left_margin * 2);
            var canvas_image_width = HTML_Width;
            var canvas_image_height = HTML_Height;

            var totalPDFPages = Math.ceil(HTML_Height / PDF_Height) - 1;

            html2canvas($(".print-content")[0]).then(function (canvas) {
                var imgData = canvas.toDataURL("image/jpeg", 1.0);
                var pdf = new jsPDF('p', 'pt', [PDF_Width, PDF_Height]);
                pdf.addImage(imgData, 'JPG', top_left_margin, top_left_margin, canvas_image_width, canvas_image_height);
                for (var i = 1; i <= totalPDFPages; i++) {
                    pdf.addPage(PDF_Width, PDF_Height);
                    pdf.addImage(imgData, 'JPG', top_left_margin, -(PDF_Height * i) + (top_left_margin * 4), canvas_image_width, canvas_image_height);
                }
                pdf.save("report.pdf");
            });

Aby go wydrukować zmieniłem tylko pdf.save("report.pdf"); na pdf.autoPrint(); window.open(pdf.output('bloburl'), '_blank');

Pdf wydaje się być właściwy:
screenshot-20220117222118.png

Problem pojawia się, kiedy próbuję go wydrukować. Ze względu na złe rozmiary zawartość pdfa przy podglądzie drukowania wychodzi poza dozwolony obszar. Nie potrafię sobie z tym poradzić. Mogę Was prosić o wskazówki?
screenshot-20220117222251.png

0

Mógłbyś spróbować dostosować style w CSS przez

@media print {
  /* 
     style
   */  
}

i skurczyć ten wykres za pomocą % lub vw/vh/vmin/vmax

1 użytkowników online, w tym zalogowanych: 0, gości: 1