Как использовать html2canvas и jspdf для правильного и простого экспорта в pdf

В настоящее время я работаю над программным обеспечением для управления школами, которое обычно требует экспорта содержимого html, содержащего data tables и div tag.

Я пробовал все возможные способы написать код, который сможет экспортировать мои html-данные в хорошем смысле, с предпочтительным css. После проверки некоторых вопросов и ответов здесь я попытался использовать spdf, но не повезло.

Он продолжает уничтожать выравнивание моей таблицы, а затем я читал о html2canvas, но для его реализации с jspdf была моя проблема, я хотел бы захватить контент, если тег div с html2canvas затем отправит холст в jspdf, чтобы экспортировать холст в формате pdf.

Вот мой код ниже:

<script src="assets/js/pdfconvert/jspdf.js"></script>
<script src="assets/js/pdfconvert/jspdf.plugin.from_html.js"></script>
<script src="assets/js/pdfconvert/jspdf.plugin.split_text_to_size.js"></script>
<script src="assets/js/pdfconvert/jspdf.plugin.standard_fonts_metrics.js">  </script>
<script src="assets/js/pdfconvert/jspdf.plugin.addhtml.js"></script>
<script src="assets/js/pdfconvert/filesaver.js"></script>
<script src="assets/js/pdfconvert/jspdf.plugin.cell.js"></script>
<script src="assets/js/pdfconvert/html2canvas.js"></script>
<script src="assets/js/pdfconvert/jspdf.plugin.addimage.js"></script>

вот код js

var pdf = new jsPDF('p', 'pt', 'letter');
pdf.addHTML($('#ElementYouWantToConvertToPdf')[0], function () {
pdf.save('Test.pdf');
});

Ответ 1