如何在本地保存p5.js画布png文件?

Question

如何访问在p5.js画布中创建的png文件?我尝试了p5 savcanvas功能，它直接在浏览器中下载设计。我不希望它直接下载，我想保存在本地，以便以后访问它?(基本上保存在一个变量中以便进一步处理)

我怎样才能做到这一点?

Answer 1

根据您想要存储的内容，您可以尝试storeItem(key, value)，然后getItem(key)。

另一种方法是saveFrames()，因为它有一个回调函数。

let img;
function draw() {
background(mouseX);
if (img) {
image(img,50,50);
}
}
function mousePressed() {
saveFrames('out', 'png', 1, 2, data => {
let a = str(data[0].imageData);
img = loadImage(a);
});
}

但我认为Hasan的方法会很好。