如何运用html5 canvas将图片保存至手机本地的图库中?

想做一个移动端的简单画板,当图片绘制好了后,点击保存时该如何让图片存储在本地图库里?

addEvent(save,'click',function(){
        var dataImg = canvas.toDataURL('image/png');
        var w=window.open('about:blank','image from canvas'); 
            w.document.write("from canvas"); 
    })

这样写他只会另开新的窗口浏览,而不会存储或者下载,是不是要实现存储到手机图库中只能调用系统的原生API接口吗?各位有没有什么好的解决方法;
有考虑用a标签然后加上属性download,在浏览器上可以,用UC和QQ浏览器则没有效果。。。
用UC测试的时候右键另存是发现图片背景是透明的,有没有什么方法给图片加上背景色的?

"javascript:void(0)" id="save" download="tupian">保存

   function touchend(e){
        var dataImg = canvas.toDataURL('image/png');
        save.setAttribute('href',dataImg);
    }

你可能感兴趣的:(Html5)