Question

我知道如何使用p5.js保存画布。但是，我想将画布另存为很大的png（例如8000x8000），以便可以在Photoshop中使用它，并将图像缩小到合适的尺寸。除了在幕后创建一个对于浏览器窗口来说太大的新画布之外，是否有一种简单的方法？

Answer 1

您可以使用createGraphics()函数来创建屏幕外缓冲区。然后，您可以使用image()函数将其绘制到屏幕上，或者可以调用其save()函数将其存储为文件。这是一个示例：

let pg;

function setup() {
  createCanvas(400, 400);
  pg = createGraphics(4000, 4000);
  pg.background(32);
}

function draw() {
  pg.ellipse(random(pg.width), random(pg.height), 100, 100);
  image(pg, 0, 0, width, height);
}

function mousePressed(){
 pg.save("pg.png"); 
}

Answer 2

将所有内容绘制到pGraphics对象中。通常，您将此“输出”绘制为画布上的图像。但是，如果要导出高分辨率版本，请先进行放大。

--command-line

如何将p5.js画布另存为很大的PNG？

2 个答案: