1

jspdf javascript ライブラリを使用して画像を PDF に読み込もうとしています。画像のデータを正常に取得できますが、出力 PDF に画像が表示されません。

以下は完全なコード スニペットです。

<script type="text/javascript" src="js/jspdf/base64.js"></script>
<script type="text/javascript" src="js/jspdf/sprintf.js"></script>
<script type="text/javascript" src="js/jspdf/jspdf.js"></script>


 var createPDF = function(imgData) {
    var doc = new jsPDF();
    alert("before create pdf ::::"); 
    doc.addImage(imgData, 'JPEG', 10, 10, 500, 500);
    //doc.addImage(imgData, 'JPEG', 70, 10, 100, 120);

    // Output as Data URI
    doc.output('datauri');
 }




  var darthImgData;
  function childCanvas()
  {
      var canvas = document.createElement('canvas');
      var context = canvas.getContext('2d');
      var imageObj = new Image();

      imageObj.onload = function() {
        context.drawImage(imageObj, 69, 50);
        darthImgData = canvas.toDataURL('image/jpeg').slice('data:image/jpeg;base64,'.length);
        // Convert the data to binary form
        darthImgData = atob(darthImgData);
        alert(darthImgData);
        createPDF(darthImgData);
      };
      imageObj.src = 'thinking-monkey.jpg';


  }

この点で私を助けてください。

4

1 に答える 1

2

最後に、上記の問題の解決策を見つけました。JSPDF チームは、クライアント側 JavaScript で生成された PDF ファイルに画像を追加するための JavaScript プラグインを追加しました。

コードに以下のjspdfスクリプトを追加したところ、画像付きのPDFを生成できました。

<script type="text/javascript" src="js/jspdf/jspdf.plugin.addimage.js"></script>
于 2014-03-01T04:52:21.690 に答える