2

javascript で pdf ファイルを生成するときに画像を追加する際に問題が発生しました。これが私のコードです：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="base64.js"></script>
<script type="text/javascript" src="sprintf.js"></script>
<script type="text/javascript" src="jspdf.js"></script>



<script>

  function demo1() {

    var name = prompt('Name: ');
    var nachname=prompt('Nachname: ');
    var doc = new jsPDF();

    doc.setFontSize(22);    
    doc.text(20, 20, 'Der eingegebene Text');
    doc.setFontSize(16);
        doc.imageLoadFromUrl('image.jpg');
        doc.imagePlace(20, 40);


    doc.text(20, 30, 'Name: ' + name);
    doc.text(20,40,'Nachname:'+nachname);



    // Output as Data URI
    doc.output('datauri');

}

</script>

</head>

<body>

<h2> Ein Document </h2>

<a href="javascript:demo1()"> PDF erstellen </a>


</body>
</html>

追加する前に

doc.imageLoadFromUrl('image.jpg');
doc.imagePlace(20, 40);

コードは画像なしで実行されます。名前と 2 番目の名前の要求メモから始まり、その後、pdf ファイルが生成されます。しかし、imageLoad-Method を追加すると、pdf ファイルは生成されません。この問題を解決する方法を知っている人はいますか?

4

1 に答える 1

2

jsPDF ソースに imageLoadFromUrl 関数が見つかりません。私がすることは次のとおりです。

  1. たとえば、このサイトで画像データの URL を取得します:オンライン画像コンバーター

  2. そして、次のように使用します。

    var imgData = 'data:image/jpg;base64,iVBORw0KGgoAAAA...';// 例 doc.addImage(imgData, 'JPEG', setX, setY, imageWidth, imageHeight);

于 2013-02-25T16:16:05.180 に答える