a标签的download属性下载canvas

save.onclick = function() {
  var url = canvas.toDataURL("image/png");
  var a = document.createElement("a");
  document.body.appendChild(a);
  a.href = url;
  a.download = "我的画儿";
  a.target = "_blank";
  a.click();
};

在canvas面板中有一个下载按钮save，点击它便可下载画布保存到本地。

a标签属性

• download
  此属性指示浏览器下载 URL 而不是导航到它，因此将提示用户将其保存为本地文件。该属性的值作为与填充的文件名。
• href
  URL 不限于基于 Web（HTTP）的文档，也可以使用浏览器支持的任何协议。例如，在大多数浏览器中正常工作的file:、ftp:和mailto：还有tel:。
• target
  • _self:默认值，在当前页面加载。
  • _blank: 新窗口打开。

平时在浏览器点击一个连接一般默认是在本页面打开，这并不是我们希望的。想在额外的标签页加载网页有什么好的办法呢？

1. 按住ctrl键点击链接，会在新标签页打开
2. 鼠标中键或者滚轮点击链接，会在新标签页打开
3. 按住shift键点击链接，会在新窗口打开