1. 程式人生 > >如何運用html5 canvas將圖片儲存至手機本地的相簿中?

如何運用html5 canvas將圖片儲存至手機本地的相簿中?

想做一個移動端的簡單畫板,當圖片繪製好了後,點選儲存時該如何讓圖片儲存在本地相簿裡?

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

這樣寫他只會另開新的視窗瀏覽,而不會儲存或者下載,是不是要實現儲存到手機相簿中只能呼叫系統的原生API介面嗎?各位有沒有什麼好的解決方法;
有考慮用a標籤然後加上屬性download,在瀏覽器上可以,用UC和QQ瀏覽器則沒有效果。。。
用UC測試的時候右鍵另存是發現圖片背景是透明的,有沒有什麼方法給圖片加上背景色的?

<a href="javascript:void(0)" id="save" download="tupian">儲存</a>

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