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没有使用图像,这就是为什么我们为Javascript(免费用于非商业用途)开发PDF Generator SDK,你可以在这里添加图像(来自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的内存限制引起的).

但是,如果您只需要在生成的pdf中插入徽标图像或小图片,脚本应该可以正常工作.

更新:jsPDF的最新版本(不要与PDF.js混淆)似乎适用于图像,请参见示例页面上的示例.