2016-08-25 12 views
2

以下のコードはjspdfを使用してHTMLファイルのpdfを生成するJavaスクリプトのスニペットです。idは#formcareとして与えられたa.jspファイルからコンテンツを取得するHTMLレンダラーを使用しています。以下のページの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レンダリングはまだ初期段階です。 CSSとスタイルはサポートしていません。

ドキュメントを1ページにしたい場合は、レンダリングしているhtml/divで確認してください。あなたのhtml/divの<br>または他の改行タグを減らしてみてください

3

この問題は、スタイリングにブートストラップを使用すると解決します!

関連する問題