title: html2canvas image not saving
body: <p>Image is loading properly when I click the button but I am not able to download it. it's just showing on the div. Everything is working fine just image is not saving.</p>
  
  <p>My HTML and JS:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
          
  document.getElementById("download").addEventListener("click", function() 
  {
   html2canvas(document.getElementById("output"), {allowTaint: true}).then(function(canvas) 
   {
       document.getElementById("output2").appendChild(canvas);
  
   });
  });
  
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button type="button" id="download" class="btn btn-success"&gt;Preview Image&lt;/button&gt;
  &lt;div id="output2"&gt;&lt;/div&gt;
  
  &lt;div id="output" class="dark-mode"&gt;
      &lt;h1&gt;&lt;b&gt;{{heading}}&lt;/b&gt;&lt;/h1&gt;
      &lt;i class="fa fa-twitter" id="author"&gt;&lt;/i&gt; &lt;a id="authorname"&gt;{{author}}&lt;/a&gt;
      &lt;span id="time" class="date"&gt;{{date}}&lt;/span&gt;
      &lt;p&gt;{{news}}&lt;/p&gt;
      &lt;img :src="image" width="100%"/&gt;
      &lt;p id="img_text"&gt;{{caption}}&lt;/p&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>