Question

使用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);

代码运行没有图片。它以名称和第二个名称的需求备注开头，然后生成pdf文件。但是在添加imageLoad-Method时，没有生成pdf文件。有没有人知道如何解决这个问题？

Answer 1

我无法在jsPDF源代码中找到imageLoadFromUrl函数。我会做的是：

使用此网站获取图片数据网址，例如：online image convertor
并像这样使用：

var imgData ='data：image / jpg; base64，iVBORw0KGgoAAAA ...'; //只是一个例子 doc.addImage（imgData，'JPEG'，setX，setY，imageWidth，imageHeight）;

如何使用javascript生成pdf文件时添加图像。添加imageLoadFromURL时，不会生成pdf

1 个答案: