title: html2canvas not working at all
body: <p>Here is the code which isn't working. Basically I'm allowing the user to edit some text in the div and then display its screenshot. Can someone please tell why is it not working?</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;link type="text/css" rel="stylesheet" href="main.css" /&gt;
    &lt;title&gt;Poster&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id="main_image"&gt;
      &lt;img src="image.jpg" id= "image"/&gt;
      &lt;div id="user_text"&gt;IT IS TOTALLY AWESOME&lt;/div&gt;
    &lt;/div&gt;
    &lt;div id="edit_text_box"&gt;
      &lt;textarea id="user_input" placeholder="Your text here.." rows="2" cols="30" &gt;&lt;/textarea&gt;
      &lt;div id="change_size"&gt;
        &lt;span style="float: left;"&gt;FONT-SIZE : &lt;/span&gt;
        &lt;button id="decrease_size"&gt;-&lt;/button&gt;
        &lt;button id="increase_size"&gt;+&lt;/button&gt;
      &lt;/div&gt;
      &lt;input id="submit" type="submit" value="SUBMIT" /&gt;
    &lt;/div&gt;
      &lt;script type="text/javascript"&gt;
      window.onload = function() {
        html2canvas( [ document.body ], {
        onrendered: function( canvas ) {
          document.body.appendChild( canvas );
        }
      });
    };
    &lt;/script&gt;
    &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/edit_text.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>