html2canvas无法使用Firefox下载图像

Question

i'm using html2canvas , and i try to download the div as picture

it's work fine on google chrome but in fire fox it's not

this is my code

  <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.js"></script>
  <script type="text/javascript">
    $('#save_image_locally').click(function(){
      html2canvas([document.getElementById('#mydiv')],
      {
        onrendered: function (canvas) {
          var a = document.createElement('a');
          a.href = canvas.toDataURL('image/png');
          a.download = 'somefilename.jpg';
          a.click();
        }
      });
});
  </script>

Answer 1

This is a working example: https://jsfiddle.net/obkm27v5/4/

$(document).ready(function() {
  $('#save_image_locally').click(function(){
        html2canvas([document.getElementById('mydiv')],
        {
          onrendered: function (canvas) {
            var a = $("<a>").attr("href", canvas.toDataURL('image/png'))
            .attr("download", "output.png")
            .appendTo("body");
            a[0].click();
            a.remove();
          }
        });
  });

You have to add the anchor tag to the DOM before clicking. There was also a wrong id in your canvas selector