jsPDFでNodejsにPDFファイルを作成する際のエラー

jsPDFを使用しようとしていますが、以下に示す簡単な例を作成しました。しかし、すべてが正しいと思われるので、エラーが発生しており、理由を理解できません。Uncaught SyntaxError: Unexpected token <。必要なファイルはすべて同じディレクトリにあります。jsPDFでNodejsにPDFファイルを作成する際のエラー

Html_to_pdf.htmlは

<!DOCTYPE> 
<html> 
    <head> 
     <title>PDF to HTML test</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
     <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.body, { 
        onrendered: function(canvas) { 
         var img = canvas.toDataURL("image/png"); 
         var doc = new jsPDF(); 
         doc.addImage(img, 'JPEG', 20, 20); 
         doc.save('test.pdf'); 
        } 
       }); 
      }   

     </script> 

    </head> 
    <body> 
     <h1>jsPDF Test</h1> 

     <a href="javascript:genPDF()">Download PDF</a> 

     <div id="testDiv"> 
      <h1>Example Header</h1> 
      <input type="text"/> 
      <input type="submit" value="button" /> 
      <br><br> 
      <img src="flores.jpg" width="600" height="450" /> 

     </div> 

    </body> 
</html>

出典

2017-08-02 wBB

解決しよう：は

でも-gと--saveまたはグローバルでjsPDFを再インストールした後、問題が解消されません。それを解決するには、jspdf.min.jsとhtml2canvas.jsファイルを私のアプリケーションのpublic/ディレクトリにコピーしなければなりませんでした。

PDFのための私のjavascriptは次のようになります。

<script type="text/javascript"> 
    var dtTime = "03/08/2017"; 

    function genPDF() { 
     //html2canvas(document.body, { 
     html2canvas(document.getElementById("toPdf"), { 
     onrendered: function(canvas) { 
      var imgLogo = 'data:image/jpeg;base64..................'; 

      var doc = new jsPDF(); 

      doc.addImage(imgLogo, 'JPEG', 15, 10); 
      doc.setTextColor(187, 2, 2); 
      doc.text('TEXT TEXT TEXT TEXT ', 20, 40); 
      doc.setTextColor(17, 20, 150); 
      doc.text('TEXT TEXT TEXT TEXT', 20, 47); 

      doc.setLineWidth(0.1); 
      doc.line(20, 285, 190, 285); 

      var dt = new Date(); 
      doc.setFontSize(8); 
      doc.setTextColor(0, 0, 0); 
      doc.text('TEXT ', 22, 289); 
      doc.text(125, 289, 'DATE: ' + dtTime, null, null, 'right'); 

      doc.setDisplayMode('100%'); 
      doc.addImage(img, 'JPEG', 20, 55); 
      //doc.addImage(img, 'JPEG', 40, 10, 218, 190); 
      doc.save('report-test.pdf'); 
     } 
    }); 
}   

</script>

出典

2017-08-03 19:54:45 wBB

jsPDFでNodejsにPDFファイルを作成する際のエラー

答えて

関連する問題