В настоящее время я работаю над программным обеспечением для управления школами, которое обычно требует экспорта содержимого 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');
});