2017-07-06 154 views
0

因此,我想了幾天現在從我的應用程序的畫布中採取圖像,並將其保存到設備...我試過一些(沒有結果)插件如:Save2Canvas,Base64編碼爲畫廊,Canvas2ImagePlugin和科爾多瓦base64ToGallery插件...保存在Android上的設備/畫廊的畫布圖像

我使用: 科爾多瓦7.0.1 離子1.x的

現在我的js的一部分。功能節省就是這樣

var image = canvas 
    .toDataURL("image/png"); 
    window.location.href=image; 

至極通過瀏覽器,但無法在設備上還挺適用於離子1.x中...

+0

使用fromDataURL('您的圖像路徑在這裏...'),並在選項中設置您的saveToPhotoAlbum:true。這應該做...爲我工作! –

回答

0

試試這個使用canvas2ImagePlugin(你提到)。這對我來說可以將我的畫布內容保存到畫廊。

<canvas id="myCanvas" width="165px" height="145px" ></canvas> 

<script> 
    //get the canvas element 
    var canvas = document.querySelector('canvas'); 

    //save to Gallery 
    window.canvas2ImagePlugin.saveImageDataToLibrary(
     function(msg){ 
      console.log(msg); 
     }, 
     function(err){ 
      console.log(err); 
     }, 
     document.getElementById('myCanvas') 
    ); 

</script> 
+0

它工作!但圖像質量不高,你有解決方案嗎? –

+0

取決於畫布內容的質量。它會從這裏獲取所有內容並嘗試創建圖像並將其保存。當我們嘗試使用此插件進行視頻快照時,圖像的質量完全取決於正在播放的視頻的質量。 (可能是因爲我們正在畫畫布)。希望這可以幫助。 :) –