title: canvas fails to generate all images in loop
body: <p>I am using a loop to generate some HTML tables, they are not overly large, within the loop I was executing some JS (I have tried JQuery and JavaScript) to create the table as an image. It is only a small loop of 35 tables, but about two thirds of the way through it just returns blank images. I wondered if this was a memory problem or DOM being incomplete probelm so I wrapped my statement in a <code>$(document).ready()</code> still the same problem. I used one of the people just on their own in my loop and they generated fine. I get no errors in the console. I have been manually doing the JQuery within the console and checking the generation.</p>
  
  <pre><code>html2canvas($('#kimberly-t'), {
      onrendered: function (canvas) {
          var data = canvas.toDataURL('image/png');
          $('#kimberly-t-canvas').html('&lt;img src="'+data+'" alt=""&gt;');
          }
      });
  </code></pre>
  
  <p>for each person and they all work fine and then one just won't work and every subsequent attempt at creating the image from a new HTML table fails. I don't even know how to start with this as there are no errors</p>
  
  <p><strong>Update Bounty</strong></p>
  
  <p>Here is a <a href="https://jsfiddle.net/ksdyeytg/7/" rel="nofollow">fiddle</a> to demonstrate the problem. You can see the first 10 calls to the divs generate an image. If you uncomment the rest of the JS it will either generate blank canvases or crash the browser. I get no errors on my local machine from the PHP loop or the console when the browser doesn't crash either.</p>