关于前端vuejs问题将动态HTML内容转换为pdf

Question

我在如何将动态 html 内容生成为 pdf 时遇到了一些麻烦，并在实现过程中遇到了这些问题。

1-内容不适合整个页面并且页面上的组织结构不好 2- 当页面上有大量内容时，不会添加页面

pdf_statscc(){
            var HTML_Width          = $("#document").width();
            var HTML_Height         = $("#document").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($("#document")[0],{allowTaint:true}).then(function(canvas) {
            canvas.getContext('2d');
            
            console.log(canvas.height+"  "+canvas.width);
            
            
            var imgData = canvas.toDataURL("image/png");
            var pdf = new jsPDF('p', 'pt',  [PDF_Width, PDF_Height]);
        

            pdf.addImage(imgData, 'PNG', 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, 'PNG', top_left_margin, -(PDF_Height*i)+(top_left_margin*4),canvas_image_width,canvas_image_height);
            }
            
            pdf.save("reportingCC.pdf");
         });

最好的关注