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: 新窗口打开。
平时在浏览器点击一个连接一般默认是在本页面打开，这并不是我们希望的。想在额外的标签页加载网页有什么好的办法呢？
- 按住
ctrl键点击链接，会在新标签页打开 - 鼠标中键或者滚轮点击链接，会在新标签页打开
- 按住
shift键点击链接，会在新窗口打开
