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

下面的代码是使用jspdf生成html文件的pdf的一段Java脚本。我使用HTML渲染器从a.jsp文件获取内容，其ID为#formcare。为什么下面的jspdf代码打印下一页上的数据？

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');   
    }

来源

2016-08-25 Aishwarya

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

所以，如果你想在单个页面中的文件，请检查你的html/div，你正在渲染。尝试在您的html/div中减少<br>或其他换行标签

来源

2016-09-01 12:25:29

如果您使用引导进行造型，此问题将得到解决！

来源

2016-09-06 06:17:57

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

回答

相关问题