3

ちなみに、私は優れた作品であるPDF.jsを使い始めました。

しかし今、pdfページに（キャンバス要素から）画像を挿入したいと考えています。これが私のコードです：

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？

4

2 に答える 2

6

免責事項: 私はBytescoutで働いています

残念ながら、PDF.js は画像を処理できません。そのため、次のように (URL またはキャンバスから) 画像を追加できるJavascript 用の PDF Generator SDK (非営利目的での使用は無料) を開発しました。

// 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と混同しないでください) は画像で動作するようです。サンプルページのサンプルを参照してください。

于 2012-08-10T11:36:03.263 に答える