2012-12-13 70 views
2

我在使用javascript生成pdf文件時添加圖像時出現問題。這裏是我的代碼:如何在使用javascript生成PDF文件時添加圖像。當添加imageLoadFromURL時,不會生成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文件。有人知道如何解決這個問題嗎?

回答

1

我無法在jsPDF源代碼中找到imageLoadFromUrl函數。 我會做的是:與本網站例如

  1. 將影像數據網址:online image convertor

  2. 而且使用這樣的:

    VAR imgData =「數據:圖像/ JPG; base64,iVBORw0KGgoAAAA ...'; //只是一個例子 doc.addImage(imgData,'JPEG',setX,setY,imageWidth,imageHeight);

相關問題