# Save canvas image to a variable \[p5.js\]

**URL:** <https://discourse.processing.org/t/save-canvas-image-to-a-variable-p5-js/11657>\
**Category:** Beginners\
**Created:** [May 28, 2019, 12:43pm UTC](https://discourse.processing.org/t/save-canvas-image-to-a-variable-p5-js/11657 "2019-05-28T12:43:43Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![josebv](https://avatars.discourse-cdn.com/v4/letter/j/eada6e/32.png) [@josebv](https://discourse.processing.org/u/josebv)\
**Post date:** [May 28, 2019, 12:43pm UTC](https://discourse.processing.org/t/save-canvas-image-to-a-variable-p5-js/11657/1 "2019-05-28T12:43:43Z")

</div>

Hey, I’m trying to save a canvas image to variable, because later y want to push that variable into a an array, that at end of the loop goes to a database.

I know that:

```auto
saveCanvas(canvas, name,".png") 

```

downloads an image, but what I need is something like:

```auto
let img = saveCanvas(canvas, name,".png") ; 

thumbnails.push(img) ;

```

is this possible?

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [May 28, 2019, 4:52pm UTC](https://discourse.processing.org/t/save-canvas-image-to-a-variable-p5-js/11657/2 "2019-05-28T16:52:21Z")

</div>

[p5js.org/reference/#/p5/get](http://p5js.org/reference/#/p5/get)  
[p5js.org/reference/#/p5.Image/save](http://p5js.org/reference/#/p5.Image/save)

```auto
const thumbs = [];

const img = get();
thumbs.push(img);
img.save(frameCount, '.png');

```

---

<div class="post-metadata">

**Author:** ![josebv](https://avatars.discourse-cdn.com/v4/letter/j/eada6e/32.png) [@josebv](https://discourse.processing.org/u/josebv)\
**Post date:** [May 30, 2019, 5:45pm UTC](https://discourse.processing.org/t/save-canvas-image-to-a-variable-p5-js/11657/4 "2019-05-30T17:45:47Z")

</div>

hi, just tried that, but is not a png file :c

 ![00](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/5/53a4f65406a78bad57a40e78f0ebd87c0c2d3329.png)

also, I name my canvas, so I change my to:

```auto
let currentFrame = () => {
    //c is the name of my canvas 
    const img = c.get() ;
    img.save(frameCount, '.png');
    return img ;
};

```