2017-07-06 194 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

取决于画布内容的质量。它会从这里获取所有内容并尝试创建图像并将其保存。当我们尝试使用此插件进行视频快照时,图像的质量完全取决于正在播放的视频的质量。 (可能是因为我们正在画画布)。希望这可以帮助。 :) –