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

Question

所以我现在尝试了几天从我的应用程序的画布中获取图像并将其保存到设备...我尝试了一些（没有结果）插件，例如：Save2Canvas、Base64 To Gallery、 Canvas2ImagePlugin 和 Cordova base64ToGallery 插件...

我正在使用： 科尔多瓦 7.0.1 离子 1.x

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

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

这在 ionic 1.x 上可以通过浏览器运行，但不能在设备上运行...

Answer 1

使用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>