<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.js" ></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.js" ></script> <script type="text/javascript" src="http://mrrio.github.io/jsPDF/dist/jspdf.debug.js" ></script> <script type="text/javascript" src="http://html2canvas.hertzen.com/build/html2canvas.js" ></script> <script type='text/javascript'>//<![CDATA[ $(window).load(function(){ $(document).ready(function() { $('#download').click(function() { html2canvas($("#canvas"), { onrendered: function(canvas) { var imgData = canvas.toDataURL('image/png'); $("#imgRes").attr("src", imgData); var doc = new jsPDF('p', 'mm'); doc.addImage(imgData, 'PNG', 10, 10); doc.save('sample-file.pdf'); } }); }); }); });//]]> </script>

and here is a HTML its working i tested it many times. and using this same code.