Question

我正在尝试使用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';


  }

请帮助我。

Answer 1

最后，我找到了上述问题的解决方案.JSPDF团队添加了javascript插件，用于在客户端JavaScript中生成的PDF文件中添加图像。

我在我的代码中添加了以下jspdf脚本，能够生成带图像的PDF。

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

无法使用jspdf将图像加载到PDF

1 个答案: