Tag: jspdf

如何正确使用jsPDF库

我想转换我的一些div到PDF,我试过jsPDF库,但没有成功。 看来我不明白我需要导入什么使图书馆工作。 我已经通过例子,我仍然无法弄清楚。 我已经尝试了以下内容: <script type="text/javascript" src="js/jspdf.min.js"></script> jQuery和之后: $("#html2pdf").on('click', function(){ var doc = new jsPDF(); doc.fromHTML($('body').get(0), 15, 15, { 'width': 170 }); console.log(doc); }); 出于testing目的,但我收到: "Cannot read property '#smdadminbar' of undefined" 其中#smdadminbar是#smdadminbar中的第一个div。

使用JavaScript将用户点击HTML页面导出为PDF

当用户点击GeneratePDFbutton时,我需要将html页面导出为PDF文件。 我成功地将HTML页面导出为PDF文件,但只有第一次点击,我才能够将数据下载到PDF,但从第二次点击我无法将数据下载到PDF文件。 我不确定代码中哪里出错了。 请在这里查看代码: $(function() { var doc = new jsPDF(); var specialElementHandlers = { '#editor': function(element, renderer) { return true; } }; $('#cmd').click(function() { doc.fromHTML($('#target').html(), 15, 15, { 'width': 170, 'elementHandlers': specialElementHandlers }); doc.save('sample-file.pdf'); }); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/ui/1.12.0-beta.1/jquery-ui.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.1.135/jspdf.min.js"></script> <script type="text/javascript" src="http://cdn.uriit.ru/jsPDF/libs/adler32cs.js/adler32cs.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2014-11-29/FileSaver.min.js "></script> <script type="text/javascript" src="libs/Blob.js/BlobBuilder.js"></script> […]

使用Javascript从HTML生成PDF格式

我有以下的HTML代码: <!DOCTYPE html> <html> <body> <p>don't print this to pdf</p> <div id="pdf"> <p><font size="3" color="red">print this to pdf</font></p> </div> </body> </html> 我想要做的就是打印到PDF格式的任何东西,在ID为“pdf”的div中find。 这必须使用JavaScript来完成。 然后应该自动下载“pdf”文件,文件名为“foobar.pdf” 我一直在使用jspdf来做到这一点,但它唯一的function是只接受string值的“文本”。 我想提交HTML到jspdf,而不是文本。