更改<a> for <input type="button"/> with &#34;download&#34; property

Question

I´m working in a very simple canvas-to-image exporter. You can check it here: http://www.wilawara.com/downloadcanvas/

它有效但只适用于：

<a id="download" download="CanvasDemo.png">Download as image</a>

我想要的是：

<input id="download" value="Download" download="CanvasDemo.png" onclick="download()">

显然这不起作用，我收到错误：“未捕获TypeError：下载不是函数”。

如何为按钮更改此标签“a”？

很抱歉，如果我的问题太基础了，我还在学习。

谢谢大家。

Answer 1

如果您坚持将其作为输入标记，并且不会对该元素执行更多操作，则可以隐藏<a>标记

<a id="download" download="CanvasDemo.png" style="display:none"></a>

并使您提到的输入看起来像您希望的那样

<input id="input_download" value="Download" onclick="download()">

使用download（）函数作为调用点击隐藏<a>标记的函数，例如

  function download(){
    var tag=document.getElementById("download");
    tag.click()

}