Save canvas image to a variable [p5.js]

p5.js Beginners
1

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:

saveCanvas(canvas, name,".png")

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

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

thumbnails.push(img) ;

is this possible?

1 Like
2

p5js.org/reference/#/p5/get
p5js.org/reference/#/p5.Image/save

const thumbs = [];

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

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

00
Screen Shot 2019-05-30 at 14.42.00.png708×674 15.6 KB

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

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