Question

我正在使用html2canvas，我尝试将div下载为图片

它在谷歌浏览器上运行良好，但在火狐中却没有

这是我的代码

  <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

这是一个有效的例子：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();
          }
        });
  });

在点击之前，您必须将锚标记添加到DOM。您的画布选择器中还有一个错误的ID

html2canvas没有用firefox下载图像

1 个答案: