Edit Question - KnowledgeHub

Title Body

I'm trying to capture a div into an image using html2canvas I have read some similar question here like How to upload a screenshot using html2canvas? create screenshot of web page using html2canvas (unable to initialize properly) I have tried the code canvasRecord = $('#div').html2canvas(); dataURL = canvasRecord.toDataURL("image/png"); and the canvasRecord will be undefined after .html2canvas() called and also this $('#div').html2canvas({ onrendered: function (canvas) { var img = canvas.toDataURL() window.open(img); } }); browser gives some (48 to be exact) similar errors like: GET http://html2canvas.appspot.com/?url=https%3A%2F%2Fmts1.googleapis.com%2Fvt%…%26z%3D12%26s%3DGalileo%26style%3Dapi%257Csmartmaps&callback=html2canvas_1 404 (Not Found) BTW, I'm using v0.34 and I have added the reference file html2canvas.min.js and jquery.plugin.html2canvas.js How can I convert the div into canvas in order to capture the image. EDIT on 26/Mar/2013 I found Joel's example works. But unfortunately when Google map embedded in my app, there will be errors. <html> <head> <style type="text/css"> div#testdiv { height:200px; width:200px; background:#222; } div#map_canvas { height: 500px; width: 800px; position: absolute !important; left: 500px; top: 0; } </style> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&sensor=false"></script> <scrip

Tags (comma-separated) Cancel