javascript - 为什么下面的jspdf代码在下一页打印数据？

Question

下面的代码是使用jspdf生成html文件pdf的Java脚本代码段。我正在使用HTML渲染器，该渲染器从ID为#formcare的a.jsp文件获取内容。

function formpdf(){
         var doc = new jsPDF();
         var imgData = 'data:image/png;base64,iVBORwuy9B5xcZ3kvrHCTmy'; //image url
              doc.addImage(imgData, 'PNG', 90, 05, 25,25);
        doc.setFont("times");
        doc.setFontType("normal");
        doc.setFontSize("14");
        doc.text(90,35, 'IDeaS INDIA');
        doc.text(50,40,'Reimbursement Form For Employee Day Care');

        doc.setFontSize("12");
        doc.text(70,55,document.getElementById("date").value);
        doc.text(70,60,document.getElementById("name").value);
        doc.text(70,65,document.getElementById("department").value);
        doc.text(70,70,document.getElementById("designation").value);
        doc.text(70,75,document.getElementById("daycare").value);
        doc.text(70,80,document.getElementById("childName").value);
        doc.text(70,85,document.getElementById("dob").value);
        doc.text(70,90,document.getElementById("age").value);           

        var specialElementHandlers = {
              '#editor': function(element, renderer){
                  return true;
              }
        };

        //formcare is my tableId in .jsp file
         doc.fromHTML($('#formcare').get(0), 15, 50, {
              'width': 170, 
              'elementHandlers': specialElementHandlers
        });

         doc.text(10,190,'Note-Employees to ensure that the DAY CARE Center is registered under shop act establishment.');
        doc.text(10,200,'Employees will be responsible towards the safety of the child and company holds no obligation.'); 
        doc.save('form.pdf');           
    }

Answer 1

根据https://parall.ax/products/jspdf，HTML渲染环仍处于早期阶段。
它不支持CSS和样式。

因此，如果要在单页中显示文档，请使用html / div进行渲染。尝试减少html / div中的<br>或其他换行标签