HTML5 Canvas Example

by davidmather

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
<script src="http://html2canvas.hertzen.com/build/html2canvas.js"></script>
 <canvas id="canvas" width="480" height="320"></canvas> 
<button id="download">Download Pdf</button>
<div>testing</div>

JavaScript

$(document).ready(function() {
		 $('#download').click(function() {  
			html2canvas(document.body, {
					onrendered: function(canvas) {            
						var doc = new jsPDF('p', 'mm');
						doc.addImage(canvas, 'PNG', 10, 10);
						doc.save('sample-file.pdf');
					}
				});
		 });
	});