As explained in this post you can use the jsPDF library to do that.
Make sure to include both jQuery
and jsPDF
in your file.
Also get html2canvasJS to convert the document elements to canvas in order to fix the CSS.
JS:
let doc = new jsPDF('p','pt','a4');
doc.addHTML(document.body,function() {
doc.save('html.pdf');
});
HTML:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
<div id="content">
<h1 style="color:red">Hello World</h1>
<p>this is a PDF</p>
</div>
Demo: JSFiddle
You can also trigger the download with a button ( see initial post for details )
Download the latest version of jsPDF .
Include the following Scripts in your project:
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.