How can I crop an image with Pygame?

python image pygame crop surface
dobleseis picture dobleseis · Jun 5, 2011 · Viewed 16.3k times · Source

I am learning pygame and want a graphic for a button with the three states: normal, hover, and pressed. I have an image like this one ...

Three button states, stacked vertically

... and I want to get a new Surface using a portion of it.

I'm loading the image with this code:

 buttonStates = pygame.image.load(os.path.join('image','button.png'))

How can I make a new surface using just a portion of that graphic?

Answer

PAG picture PAG · Jun 5, 2011 
cropped = pygame.Surface((80, 80))
cropped.blit(buttonStates, (0, 0), (30, 30, 80, 80))

The blit method on a surface 'pastes' another surface on to it. The first argument to blit is the source surface. The second is the location to paste to (in this case, the top left corner). The third (optional) argument is the area of the source image to paste from -- in this case an 80x80 square 30px from the top and 30px from the left.

Related questions

How to scale images to screen size in Pygame

I was wondering how I would go about scaling the size of images in pygame projects to the resolution of the screen. For example, envisage the following scenario assuming windowed display mode for the time being; I assume full screen …

Read More
What is a good way to draw images using pygame?

I would like to know how to draw images using pygame. I know how to load them. I have made a blank window. When I use screen.blit(blank, (10,10)), it does not draw the image and instead leaves the screen …

Read More
PyGame - Getting the size of a loaded image

Hello, even though you might think there was a similar question, mine is pretty different than this. I am trying to load an image from a directory, and set my screen size (automatically) to the size of the image being …

Read More