javascript - 使用javascript将HTML页面中的div下载为pdf(Download a div in a HTML page as pdf using javascript)

Question

I have a content div with the id as "content".(我有一个id为“content”的内容div。)

In the content div I have some graphs and some tables.(在内容div中我有一些图表和一些表格。) I want to download that div as a pdf when user click on download button.(我想在用户点击下载按钮时将该div下载为pdf。) Is there a way to do that using javascript or jQuery?(有没有办法使用javascript或jQuery？)   ask by Midhun Mathew translate from so

Answer 1

You can do it using jsPDF(你可以用jsPDF来做)

HTML:(HTML：) <div id="content"> <h3>Hello, this is a H3 tag</h3> <p>A paragraph</p> </div> <div id="editor"></div> <button id="cmd">generate PDF</button> JavaScript:(JavaScript的：) var doc = new jsPDF(); var specialElementHandlers = { '#editor': function (element, renderer) { return true; } }; $('#cmd').click(function () { doc.fromHTML($('#content').html(), 15, 15, { 'width': 170, 'elementHandlers': specialElementHandlers }); doc.save('sample-file.pdf'); });