使用 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");

我做错了什么？

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");