总共两步,很简单
1 canvas.toDataURL("image/png");
2 createElementNS
hb_canvas.toDataURL("image/png");
//以下注释 是另一种方法,但是不能 给下载的图片命名, 必须 让用户 手动命名 或下载后 改名
// var strDownloadMime = "image/octet-stream";
//window.open (theurldata.replace("image/png", strDownloadMime) );
/** //以下 是比较好的 方法,亲测 谷歌浏览器可用, ie6 不可用
* 在本地进行文件保存* @param {String} data 要保存到本地的图片数据
* @param {String} filename 文件名
*/
var saveFile = function(data, filename){
var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
save_link.href = data;
save_link.download = filename;
var event = document.createEvent('MouseEvents');
event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
save_link.dispatchEvent(event);
};
saveFile(theurldata,"ccc.png");