Сохранить только определенную область холста, используя p5.js

Question

Мне интересно, возможно ли обрезать / сохранить указанную область холста в локальный файл jpg / png с помощью P5.js. Я знаю о функции save(). Однако, насколько я знаю, он сохраняет только холст целиком. Есть идеи?

Спасибо! * * 1004

Answer 1

Вы можете сделать это:

• Вызвать функцию get(), чтобы получить значения пикселей определенного региона
• С помощью функции createGraphics() создать буфер
• Вызовите set() для этого буферного объекта и передайте созданный вами пиксельный массив
• Вызовите save() и передайте этот буферный объект в качестве первого аргумента

Вотпростой пример:

let pg;

function setup() {
  createCanvas(100, 100);
  pg = createGraphics(50, 50);
}

function draw() {
  background(200);
  pg.background(100);
  pg.noStroke();
  pg.ellipse(pg.width / 2, pg.height / 2, 25, 25);
  image(pg, 25, 25);

}

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

Более подробную информацию можно найти в ссылка .