使用jsPDF向PDF中添加多个不同的图像

Question

我正在尝试使用jsPDF框架向PDF中添加多个不同的图像，但最终生成的PDF文件只包含两个相似的图像，然而，如果我尝试生成每个单独图像的两个不同的PDF文件，则一切正常。这是我的html代码：

<img id="img1" src="/img1.jpg">
<img id="img2" src="/img2.jpg">

这里是我的JS代码：

var doc = new jsPDF("landscape");
const img1 = $('#img1').attr("src");
const img2 = $('#img2').attr("src");
doc.addImage(img1, "JPEG", 140, 15, 90, 90, 'SLOW');
doc.addImage(img2, "JPEG", 140, 110, 90, 90, 'SLOW');
doc.save("sample.pdf");

我做错了什么？

- basilique

Answer 1

我应该更加注意文档，如果你需要添加多张图片，可以使用别名，最终的代码如下所示：

var doc = new jsPDF("landscape");
const img1 = $('#img1').attr("src");
const img2 = $('#img2').attr("src");
doc.addImage(img1, "JPEG", 140, 15, 90, 90, "alias1", 'SLOW');
doc.addImage(img2, "JPEG", 140, 110, 90, 90, "alias2", 'SLOW');
doc.save("sample.pdf");

- basilique

---

这个答案在2023年还有效吗？我遇到了一个错误：未捕获的错误：getJpegSize无法找到图像的大小。 - Naren Verma