無法使用jspdf將圖像加載到PDF

Question

我試圖使用jspdf javascript library將圖像加載到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'; 


    } 

請在這方面幫助我。

Answer 1

最後，我找到了上述問題的解決方案.JSPDF團隊添加了JavaScript插件，用於在客戶端JavaScript中生成的PDF文件中添加圖像。

我在代碼中添加了下面的jspdf腳本，能夠用圖像生成PDF。

<script type="text/javascript" src="js/jspdf/jspdf.plugin.addimage.js"></script>