Question

我只是想从html表创建图像，然后将其转换为pdf文件。我同时使用“ html2canvas”和“ jsPDF”库。到目前为止，我没有遇到任何问题，但是当我尝试下载PDF文件时，却得到了不完整的图像。

我的JavaScript代码：

function generate(){

html2canvas(document.querySelector("#toCapture")).then(canvas => {
    document.body.appendChild(canvas)

var image = new Image();
image.src = canvas.toDataURL("image/png");
alert (image);
var doc=new jsPDF();
doc.addImage(image, 'JPEG',20,20);
doc.save('test.pdf');
});
}

我的html代码：

<div id='toCapture'>
<table border="1">
  <tr>
 <td>Désignation</td>
<td>Qté</td>
<td>P.Unitaire</td>
<td>Montant</td>
  </tr>

<tr>
 <td>just a string+session</td>
<td>1</td>
<td>1000</td>
<td>100</td>
<td>DT</td>
   </tr>

<tr>
 <td>S/Total</td>
<td> </td>
<td> </td>
<td>1580</td>
<td>DT</td>
   </tr>

<tr>
 <td>TVA (19%)</td>
<td> </td>
<td> </td>
<td>300.200</td>
<td>DT</td>
   </tr>

</table>

<br>
<br>
<br>
<h2>string</h2>
<br>
<h2>date x</h2>
<br>
<h2>devis numero x</h2>

</div>

用html2canvas和JSPDF转换html代码的问题

0 个答案: