使用Adobe Acrobat Reader打开时，jsPDF添加图像问题

Question

单击按钮，我正在创建PDF，向其中添加图像和文本，然后将其保存到磁盘。

var pdf = new jsPDF('l', 'pt', [1600, 1000]);

var img = new Image;
img.src = 'http://localhost:29576/Images/logo.png';
img.src = logoUrl;

pdf.addImage(img, 10, 10)
pdf.save();

现在一切正常，我可以从Chrome浏览器查看此内容。但是，当我从Acrobat Reader中打开它时，出现错误：

  

处理页面时出错。阅读此文档时出现问题（110）

Answer 1

您有两个错误：

• 您写两次img.src = ...。在第二种情况下，您将覆盖第一个值；
• 您必须等到图像加载完毕。这意味着仅在事件onload之后才需要添加+保存图像。

解决方案

var pdf = new jsPDF('l', 'pt', [1600, 1000]),
    img = new Image,
    logoUrl = 'http://localhost:29576/Images/logo.png';

img.onload = function()
{
    pdf.addImage(img, 10, 10);
    pdf.save('example.pdf');
};
img.src = logoUrl;