jspdfで同じファイルに別のdivを追加するには

id = "page2"の他のdivをイメージに変換して、同じpdfファイルの別のページに追加したいこれは私のコードです：jspdfで同じファイルに別のdivを追加するには

<script type="text/javascript" src="jspdf.min.js"></script> 
    <script type="text/javascript" src="html2canvas.js"></script> 
    <script type="text/javascript"> 
    function genPDF() { 
     html2canvas(document.getElementById('hoja1'),{ 
     onrendered: function (canvas) { 
     var img = canvas.toDataURL("image/png"); 
     var doc= new jsPDF(); 
     doc.addImage(img,'JPEG',0,0,210,230); 
     doc.save('ContratoMutuo.pdf'); 
     } 
     }); 
    } 
    </script>

一つだけのdiv

とhtmlコードで作業は次のとおりです。

 <!DOCTYPE html> 
     <html> 
      <head> 
      <meta charset="utf-8"> 
      <title>file</title> 
      <script type="text/javascript" src="jspdf.min.js"></script> 
      <script type="text/javascript" src="html2canvas.js"></script> 
      <script type="text/javascript"> 
       function genPDF() { 
       html2canvas(document.getElementById('hoja1'),{ 
        onrendered: function (canvas) { 
        var img = canvas.toDataURL("image/png"); 
        var doc= new jsPDF(); 
        doc.addImage(img,'JPEG',0,0,50,50); 
        doc.save('test.pdf'); 
       } 
       }); 
       } 
      </script> 
      </head> 
      <body> 
      <div id="hoja1"> 
       <TABLE WIDTH=300 HEIGHT=200> 
        <TD width=100 BGCOLOR="red">prueba </TD> 
        <TD WIDTH=100 BGCOLOR="yellow">prueba </TD> 
        <TD WIDTH=100 BGCOLOR="gray">prueba </TD> 
       </TABLE> 
      </div> 
      <div id="hoja2"> 
       <TABLE WIDTH=300 HEIGHT=200> 
       <TD width=100 BGCOLOR="green">prueba </TD> 
       <TD WIDTH=100 BGCOLOR="blue">prueba </TD> 
       <TD WIDTH=100 BGCOLOR="gray">prueba </TD> 
       </TABLE> 
      </div> 
      <a href="javascript: genPDF()">DOWNLOAD PDF</a> 
      </body> 
     </html>

完全なファイルは次のようになります。

1/2

と同じファイル内 2/2

助けてください！ありがとうございました！

出典

2017-07-13 Alex Maya

私はuがアーカイブしようとしているものを正確に理解している場合、これは仕事ができる：

function genPDF() { 
          html2canvas(document.getElementById('hoja1'),{ 
          onrendered: function (canvas) { 
           html2canvas(document.getElementById('hoja2'),{ 
           onrendered: function (canvas2) { 
           var img = canvas.toDataURL("image/png"); 
           var doc= new jsPDF(); 
           doc.addImage(img,'JPEG',0,0,210,230); 
           var img2 = canvas2.toDataURL("image/png"); 
           doc.addPage(); 
           doc.addImage(img2,'JPEG',0,0,210,230); 
           doc.save('ContratoMutuo.pdf'); 
          } 
          }); 
         } 
         }); 
         }

出典

2017-07-13 08:03:44

はい、それは完璧に動作ありがとう!! –

jspdfで同じファイルに別のdivを追加するには

答えて

関連する問題