saving an specific area as an image

General Discussion Other

sheva29

saving an specific area as an image

in General Discussion • Other • 1 year ago

Is it possible to save an specific from the canvas as an image? I know you can save the whole screen as an image with the function save(, but what if I just want to save an specific area of it.

Replies(4)

calsign

Re: saving an specific area as an image

1 year ago

You cab get a portion of the canvas (as a PImage) with get()... then, you can save it with PImage's save() function.

sheva29

Re: saving an specific area as an image

1 year ago

hello Calsign,

Thanks for the reply, Could you be more specific? I am new with processing, I can not figure out the syntax.

calsign

Re: saving an specific area as an image

1 year ago

Something like this, with the x, y, w, and h specifying the bounds required to create the rectangle, and savePath the path to save the image to.

PImage temp = get(x, y, w, h);
temp.save(savePath);

sheva29

Re: saving an specific area as an image

1 year ago

Thank you so much!! It Worked pretty well!!!!! Here is the code if you want to check it, I put it on void keypressed and gave it a save++ so you can save more than one image

int xPos;
int yPos;
int wRect;
int hRect;
PFont myFontPixelizer;
PFont myFontPixelizer2;
int fontPosX = 30;
int fontPosY = 30;
color pixelColor;
//boolean gridOn;
int saveP = 1;
//color = pixelColor;
PImage myImage;
PImage myImage1;
PImage temp;
void setup() {
size(650, 650);
myImage = loadImage("colorpalette.jpeg");
myImage1 = loadImage("mario.png");
background(255);
frame.setTitle("|| Pixelizer v1.2 ||");
frame.setLocationRelativeTo(null);
smooth();
pixelColor= myImage.get(mouseX, mouseY);
myFontPixelizer= loadFont("Atari-Font-Full-Version-48.vlw");
// gridOn = false;
myFontPixelizer2= loadFont("Atari-Font-Full-Version-10.vlw");
//Grid------------------------------------>
for (int i = 0; i <= 400 ; i= i+20) {
for (int j = 0; j <= 400 ; j= j+20) {
rect(200+i, 200+j, 20, 20);
}
}
}
void draw() {
//Title---------------------------------->
image(myImage, 30, 310);
image(myImage1, 30, 90);
textFont(myFontPixelizer);
text("Pixelizer", 30, 70);
fill(pixelColor);
//Define my variables and functions
// mousePixel();
instructions();
//Get color------------------------------->
if (keyPressed && key == 'c') {
// if (key == 'c') {
pixelColor = myImage.get(mouseX - 30, mouseY - 310);
}
}
void keyTyped() {
if ( key == 's') {
PImage temp = get(200,200,420,420);
temp.save("image"+saveP+".png");
saveP++;
}
}
void instructions() {
noFill();
textFont(myFontPixelizer2);
text(" Use the Grid to draw Mario \n press 's' to save \n press 'c' on the color palette to get color \n \n mouse click on the center of \n each square to draw a pixel", 200, 100);
}
void mousePressed() {
for (int i = 0; i < 620 ; i+=20) {
for (int j = 0; j < 620; j+=20) {
if (mouseX > i && mouseX <= i+20) {
if (mouseY > j && mouseY <= j+20) {
fill(pixelColor);
rect(i, j, 20, 20);
}
}
}
}
}

Top Reply