javascript - PDF.js 插入图像

Question

我已经开始使用 PDF.js , 顺便说一下，这是一部出色的作品。

但现在我想在 pdf 页面上插入图像(来自 canvas 元素)。这是我的代码:

var image = myCanvas.getContext('2d').getImageData(0,0,400,300),
doc = new pdf();
doc.setProperties({
    title: fileName,
    author: 'VirtuaLab®',
    creator: 'pdf.js'
});
doc.addPage();
data = doc.output();

但我还没有找到任何关于在 PDF.js 页面上插入图像的信息。

也许 doc.image() 或 doc.addImage？

Answer 1

免责声明:我为 Bytescout 工作

不幸的是 PDF.js 不能处理图像，这就是我们开发 PDF Generator SDK for Javascript 的原因(非商业用途免费)您可以在其中添加图像(来自 url 或 Canvas )，如下所示:

// load image from local file
pdf.imageLoadFromUrl('image1.jpg');
// place this mage at given X, Y coordinates on the page
pdf.imagePlace(20, 40);

重要的是，您可能会面临图像大小的限制，因为 BytescoutPDF.js 可能会消耗内存来处理大图像(此问题是由 javascript 的内存限制引起的)。

但是，如果您只需要将 Logo 图像或小图片插入到生成的 pdf 中，脚本应该可以正常工作。

UPDATE:最新版本jsPDF (不要与 PDF.js 混淆)似乎可以处理图像，请参阅 examples page 上的示例.