javascript - 使用jsPDF将本地镜像打印为pdf

Question

我会将图像添加到 pdf 文件中。

const pdf = new jsPDF('l', 'px', 'a4');
const imgData = 'data:image/jpeg;base64,' + btoa(`assets/img/brand/png/Logos.png`);
console.log(imgData);
pdf.addImage(imgData, 'jpeg', 15, 40, 180, 160);
pdf.save(`ind.pdf`);

我收到错误

 Error: addImage does not support files of type 'UNKNOWN'

我认为错误来自 btoa() 它编码路径字符串而不是文件。

如何将 png 图像而不是路径字符串传递给 btoa？

Answer 1

当我尝试使用图像文件而不是 Base64 编码图像时，我遇到了 jsPDF 版本的问题。当我更改为使用最新版本的 jsPDF 后，这就起作用了。

function fnProcess() {

  var img = new Image();
  var src = "https://www.jeffld.com/img/so/testimage001.png";
  img.src = src;

  console.log("Create jsPDF object");
  var pdf = new jsPDF("p", "pt", "letter");

  console.log("Add Image");
  pdf.addImage(img, "png", 10, 10, 150, 150);

  console.log("Save PDF");
  pdf.save("file.pdf");
  console.log("done");
}

<!-- Latest version of jsPDF Version 1.5.3 Built on 2018-12-27T14:11:42.696Z -->
<script src="https://unpkg.com/jspdf@latest/dist/jspdf.min.js"></script>

<button onclick="fnProcess()">Process</button>

<p>Image to PDF</p>    
<img id="activityLogo" src="https://www.jeffld.com/img/so/testimage001.png" alt="" />