title: create screenshot of webpage using html2canvas (unable to initialize properly)
body: <p>I am attempting to use <a href="http://html2canvas.hertzen.com/" rel="nofollow noreferrer">http://html2canvas.hertzen.com/</a> to take screenshots of my webpage.  I am unable to initialize a canvas element using...</p>
  
  <pre><code>var canvas = $('body').html2canvas();
  </code></pre>
  
  <p>If I were able to get a proper canvas I would follow with something like </p>
  
  <pre><code>var dataUrl = canvas.toDataURL(); //get's image string
  window.open(dataUrl);             // display image
  </code></pre>
  
  <p>Unfortunately, the documentations is very limited IMO. <a href="http://html2canvas.hertzen.com/documentation.html" rel="nofollow noreferrer">http://html2canvas.hertzen.com/documentation.html</a> . I do not believe I need to preload as I am not using any dynamic graphics(but am not even getting that far anyways)</p>
  
  <p>I am simply too noob to understand if this guy is having success with <a href="https://stackoverflow.com/questions/7074292/screen-capturing-using-html2canvas">screen capturing using html2canvas</a></p>
  
  <p>I don't seem to be getting any farther than this fellow..
  <a href="https://stackoverflow.com/questions/9250505/how-to-upload-a-screenshot-using-html2canvas">How to upload a screenshot using html2canvas?</a></p>
  
  <p>My ideal solution would demonstrate how to create screenshot with minimal code. (Copy html to canvas. get toDataURL string. output string)</p>
  
  <p>ANY insight is GREATLY appreciated =)</p>