将Canvas图像保存到android上的设备/图库

时间:2017-07-06 19:52:50

标签: javascript android cordova ionic-framework

所以我现在尝试从我的应用程序的Canvas中获取图像并将其保存到设备中......我尝试了一些(没有结果)插件,如:Save2Canvas,Base64 To Gallery,Canvas2ImagePlugin和Cordova base64ToGallery插件......

我正在使用: Cordova 7.0.1 离子1.x

现在是我的Js的一部分。保存功能就像这样

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

通过浏览器可以在离子1.x上运行,但不能在设备上运行......

1 个答案:

答案 0 :(得分: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>