如何運用html5 canvas將圖片儲存至手機本地的相簿中?
阿新 • • 發佈:2018-12-31
想做一個移動端的簡單畫板,當圖片繪製好了後,點選儲存時該如何讓圖片儲存在本地相簿裡?
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);
}