2016-08-25 3 views
2

Код ниже представляет собой фрагмент java-скрипта, который использует jspdf для генерации pdf файла html. Я использую HTML-рендеринг, который получает содержимое из файла a.jsp, идентификатор которого указан как #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');   
    } 

ответ

4

По https://parall.ax/products/jspdf HTML renderring все еще находится на ранних стадиях. Он не поддерживает CSS и стили.

Так что если вы хотите, чтобы документ был на одной странице, обратитесь к вашему html/div, который вы выполняете. попробуйте уменьшить <br> или другие теги разрыва строки в вашем html/div

3

Эта проблема будет решена, если вы используете бутстрап для стилизации!

Смежные вопросы