我目前正在研究一种学校管理软件,通常需要导出包含data tables和的html内容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>
Run Code Online (Sandbox Code Playgroud)
这是js代码
var pdf = new jsPDF('p', 'pt', 'letter');
pdf.addHTML($('#ElementYouWantToConvertToPdf')[0], function () {
pdf.save('Test.pdf');
});
Run Code Online (Sandbox Code Playgroud)