2017-10-23 1 views
1

jspdf 라이브러리를 사용하여 pdf 파일을 만드는 중입니다. 나는 지금 pdf에 다른 기존 pdf를 추가하려고 노력 중이다. 내 사용자가 다운로드 버튼을 클릭하는 순간 두 개의 개별 다운로드가 실행됩니다. 주위에있는 두 개의 이미지를 만들고 Jspdf로 만든 내 pdf에 추가한다고 생각했습니다. 누구든지 jspdf를 사용하여 생성 된 pdf에 기존 pdf를 추가 했습니까?Jspdf에 기존 Pdf 추가

$(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'); 
    }); 
관련 문제