title: html2Canvas screenshot of div with appended jquery nodes
body: <p>I want to take a screenshot of a <code>&lt;div&gt;</code> with html2canvas and download it. The problem is that I use <code>.append</code> to append some images via jQuery to the div.</p>
  
  <pre><code>$("#mydiv").append("&lt;img src=picture1.png id=okboomer&gt;&lt;/img&gt;");
  </code></pre>
  
  <p>The download result is always just an empty image because html2canvas seems to ignore those appended nodes. How could I fix this? </p>
  
  <p>Stupid fix I found out:  </p>
  
  <pre><code>var screenshotarea = document.body;
  </code></pre>
  
  <p>If I screenshot the whole body my images are there, in the downloaded pic.png. However I don't want to screenshot the whole page, just the area of the image which is appended to the <code>&lt;div&gt;</code>.</p>
  
  <p>User Download of the canvas: </p>
  
  <pre><code>var körper = document.getElementById("mydiv");
  
  html2canvas(körper,{allowTaint : false}).then(function(canvas) {
  
                  var link = document.createElement("a");
                  document.body.appendChild(link);
                  link.download = "html_image.png";
                  link.href = canvas.toDataURL("image/png");
                  link.target = '_blank';
                  link.click();
  </code></pre>