jpg画像を挿入し、jsPDFを使用してPDFを作成

Question

jsPDFライブラリを使用して、pdf文書の作成時にjpg画像を挿入します。このコードを使用しようとしました：

var doc = new jsPDF(); 

var niceimage = new Image(); 

niceimage.src = '/resources/images/myimage.jpg'; 

doc.text(10, 10, 'Hello world!'); 

doc.addImage(niceimage, 'JPEG', 10, 10, 150, 76); 

doc.save('a4.pdf'); 

メッセージはjpgイメージではありません。何かご意見は？

Answer 1

私の研究によると、ファイルmyimage.jpgはjsPDFで直接使用できないようです。 イメージは、むしろbase64ファイルに変換し、jsPDFでそのように使用する必要があります。 jpgファイルとpngファイルをhttps://www.base64-image.de/からbase64に変換するための素晴らしいツールがあります。

これらのファイルはかなり大きいので、javascriptファイルのサイズが大きくなります。私はmyimage.js内myimage.jpgファイルの内容（BASE64）を入れて、そのための解決策を見つける：あなたのメインのJavaScriptファイルの中

<script type="text/javascript" src="/js/myimage.js"></script> 

：

var myImage = 'data:image/jpeg;base64,/9j/4QAYR..very..very....long...string...' 

は、HTMLファイル内のそのファイルが含まれますあなたは書くことができます：

var doc = new jsPDF(); 

doc.text(10, 10, 'Hello world!'); 

doc.addImage(myImage, 'JPEG', 10, 30, 150, 76); 

doc.save('a4.pdf'); 

あなたはHello worldで終わるでしょう！下の画像。

あなたはjsPDFに新しいあなたは少し助けよりでhttps://parall.ax/products/jspdf

希望を学ぶことができる場合;）