单击动作下载Html5画布

Question

我正在使用Html5画布。

目前我正在右键单击下载图像并选择保存图像

选项

现在我想要包含 DOWNLOAD 按钮，该按钮可以将Canvas保存并下载为图像。

我的代码是：

 var download = document.getElementById('img-download');
   download.addEventListener('click', prepareDownload, false);

  function prepareDownload() {

    var canvas = document.getElementById("memecanvas");
    document.getElementById("memecanvas").src = canvas.toDataURL();

    Canvas2Image.saveAsPNG(canvas);
  }

这样就可以通过右键单击下载它。 请帮我解决按钮点击操作的处理方法。

提前致谢！

Answer 1

只需创建一个按钮，给它一个ID，比如“download-button”。

然后，不是将click事件处理程序添加到img-download元素，而是使用它的ID将其分配给按钮。