javascript - 使用adobe Acrobat阅读器打开时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)

标签： javascriptpdfjspdfacrobat

Answer 1

你有两个错误：

• 你写img.src = ...两次。在第二种情况下，您会覆盖第一个值；
• 您必须等到图像加载完毕。这意味着您必须在 event 之后添加 + 保存图像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;