原理：html的a标签，设置dawnload属性后，可以下载href指向的文件。
在js中往往是点击某一个按钮后下载一个文件，并且文件的地址是变化的。因此我们可以动态创建一个a标签，设置好download和href属性，然后添加到页面中，用代码触发click事件，就可以实现下载了。
如你要下载下面这个图片
<a href="需要下载的文件地址" download="文件名">下载象棋图片</a>
/**
* @author web得胜
* @param {String} url 需要下载的文件地址
* */
function downLoad(url){
var oA = document.createElement("a");
oA.download = '';// 设置下载的文件名，默认是'下载'
oA.href = url;
document.body.appendChild(oA);
oA.click();
oA.remove(); // 下载之后把创建的元素删除
}
下面是我用js+canvas写的一个象棋程序，博客里还有五子棋人人对战、人机对战，黑白棋人人对战，一只一旦等小游戏。感兴趣的可以关注下我哈~
