HTMLからpdfに変換された結果がpdf

Question

次のようなコードを使用しています。link以下は、私が使ったpdf変換の関数です。

function pdfGenerator(){ 
    var doc = new jsPDF();  
    var elementHandler = { 
       '#ignorePDF': function (element, renderer) { 
       return true; 
       } 
      }; 
    var source = window.document.getElementsByTagName("body")[0]; 
    doc.fromHTML(
     source, 
     15, 
     15, 
     { 
      'width': 180,'elementHandlers': elementHandler 
     }); 

    doc.output("dataurlnewwindow"); 
} 

私は、次のlinkに言及した最新バージョンをダウンロードして、外部のjarファイルとしてそれを追加しています。 uは私のプロジェクトで

• jspdf.js
• jspdf.plugin.from_html.js
• jspdf.plugin.split_text_to_size.js
• jspdf.plugin.standard_fonts_metrics.js

のスクリプトを組み込む方法を提案喜ばできますか？私は出力として空白pdfを取得しています。

Answer 1

scriptタグのdefer属性を使用できます。

<script defer src="jspdf.js"></script> 
<script defer src="jspdf.plugin.from_html.js"></script> 
<script defer src="jspdf.plugin.split_text_to_size.js"></script> 
<script defer src="jspdf.plugin.standard_fonts_metrics.js"></script> 
<script defer src="/* YOUR SCRIPT HERE */"></script> 

このようにして、すべてのスクリプトが1つずつ順番に読み込まれます。 More info @ MDN

Answer 2

は、あなたにもsettimeout文の中にこれを配置していることを確認し、ダウンロード可能なPDFとしてそれを作るために代わりdoc.outputの.save機能を使用することをお勧めします。ここに洗練されたコードがあります。

function pdfGenerator(){ 
    var doc = new jsPDF();  
    var elementHandler = { 
       '#ignorePDF': function (element, renderer) { 
       return true; 
       } 
      }; 
    var source = window.document.getElementsByTagName("body")[0]; 
    doc.fromHTML(
     source, 
     15, 
     15, 
     { 
      'width': 180,'elementHandlers': elementHandler 
     }); 

     setTimeout(function(){ 
      doc.save('test'); 
     },2000); 
}