Как сохранить холст p5.js как очень большой PNG?

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"); 
}