2017-10-23 7 views
1

私はjspdfライブラリを使用してpdfを作成しています。私は今、そのpdfに別の既存のpdfを追加しようとしています。ユーザーがダウンロードボタンをクリックすると、2つの別々のダウンロードが実行されます。私は、回避策が2つの画像を作成し、Jspdfで作成した自分のpdfに追加することを考えていました。誰かがjspdfを使って生成されたpdfに既存のpdfを追加しましたか?既存のPDFをJspdfに追加する

$(document).ready(function() { 
    var doc = new jsPDF('p', 'pt', 'letter'); 
    var imgData = 'cats.jpg' 
    var specialElementHandlers = { 
     '#content': function (element, renderer) { 
      return true; 
     } 
    }; 
    $('#cmd').click(function() { 
     doc.addImage(imgData, 'JPEG', 0, 250, 615, 200); 
     doc.fromHTML($('#content').get(0), 0, 0, { 

      'elementHandlers': specialElementHandlers 
     }); 

     doc.save('TemporaryIdCard.pdf'); 
    }); 


}); 

答えて

1

私はhereから回答をハッキングしました。 それについて興奮していませんが、それは動作します。私は追加しようとしていたpdfのコンテンツからイメージを作成し、各ページをドキュメントに追加しました

var doc = new jsPDF('p', 'pt', 'letter'); 
var imgData = 'cats.jpeg'; 
var imgData2 = 'dogs.jpeg'; 
var imgData3 = 'kittens.jpeg';  
var specialElementHandlers = { 
     '#content': function (element, renderer) { 
      return true; 
     } 
    }; 
    var pageHeight = doc.internal.pageSize.height; 
    var y = 800; 
    var x = 800; 
    $('#cmd').click(function() { 
     doc.addImage(imgData, 'JPEG', 0, 250, 615, 200); 
     doc.fromHTML($('#content').get(0), 0, 0, { 
      'elementHandlers': specialElementHandlers 
     }); 
     if (y >= pageHeight) { 
      doc.addPage(); 
      doc.addImage(imgData3, 'JPEG', 45, 45, 500, 550); 
      y = 0; 
     } 
     if (x >= pageHeight) { 
      doc.addPage(); 
      doc.addImage(imgData2, 'JPEG', 50, 70, 500, 500); 
      x = 0; 
     } 
     doc.save('TemporaryIdCard.pdf'); 
    }); 
関連する問題