# Saving image from canvas

**URL:** <https://forum.ionicframework.com/t/saving-image-from-canvas/30993>\
**Category:** cordova\
**Created:** [August 22, 2015, 8:04pm UTC](https://forum.ionicframework.com/t/saving-image-from-canvas/30993 "2015-08-22T20:04:56Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![daleksic](https://avatars.discourse-cdn.com/v4/letter/d/48db29/32.png) [@daleksic](https://forum.ionicframework.com/u/daleksic)\
**Post date:** [August 22, 2015, 8:04pm UTC](https://forum.ionicframework.com/t/saving-image-from-canvas/30993/1 "2015-08-22T20:04:56Z")

</div>

Hi everyone. Is it possible to save canvas data to image .jpg file using $cordovaFile plugin? Thanks

---

<div class="post-metadata">

**Author:** ![darshanp](https://avatars.discourse-cdn.com/v4/letter/d/0ea827/32.png) [@darshanp](https://forum.ionicframework.com/u/darshanp)\
**Post date:** [August 24, 2015, 8:29am UTC](https://forum.ionicframework.com/t/saving-image-from-canvas/30993/2 "2015-08-24T08:29:30Z")

</div>

You can use the [https://github.com/devgeeks/Canvas2ImagePlugin](https://github.com/devgeeks/Canvas2ImagePlugin) plugin for this (note that this saves the image to the camera roll…).

```
            var canvas = document.createElement( 'canvas' );
            var ctx = canvas.getContext( '2d' );
            void ctx.drawImage( this, 0, 0, img.width, img.height);
            var dataURI = canvas.toDataURL().replace( /data:image\/png;base64,/, '' );
            function successCallback( result ) {
                q.resolve( 'file:///' + result );
            }
            function failureCallback( err ) {
                console.error( err );
                q.reject( err );
            }
            cordova.exec( successCallback, failureCallback, "Canvas2ImagePlugin", "saveImageDataToLibrary", [dataURI] );
```