проблема с преобразованием HTML-кода с помощью html2canvas и JSPDF - PullRequest
Новая
       17

проблема с преобразованием HTML-кода с помощью html2canvas и JSPDF

0 голосов
/ 13 июня 2019

Я просто пытаюсь создать изображение из 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>
...