How to: Crop and Scale Images

The Graphics class provides several DrawImage methods, some of which have source and destination rectangle parameters that you can use to crop and scale images.

Example

The following example constructs an Image object from the disk file Apple.gif. The code draws the entire apple image in its original size. The code then calls the DrawImage method of a Graphics object to draw a portion of the apple image in a destination rectangle that is larger than the original apple image.

The DrawImage method determines which portion of the apple to draw by looking at the source rectangle, which is specified by the third, fourth, fifth, and sixth arguments. In this case, the apple is cropped to 75 percent of its width and 75 percent of its height.

The DrawImage method determines where to draw the cropped apple and how big to make the cropped apple by looking at the destination rectangle, which is specified by the second argument. In this case, the destination rectangle is 30 percent wider and 30 percent taller than the original image.

The following illustration shows the original apple and the scaled, cropped apple.

Crop & Scale

        Dim image As New Bitmap("Apple.gif")

        ' Draw the image unaltered with its upper-left corner at (0, 0).
        e.Graphics.DrawImage(image, 0, 0)

        ' Make the destination rectangle 30 percent wider and
        ' 30 percent taller than the original image.
        ' Put the upper-left corner of the destination
        ' rectangle at (150, 20).
        Dim width As Integer = image.Width
        Dim height As Integer = image.Height
        Dim destinationRect As New RectangleF( _
            150, _
            20, _
            1.3F * width, _
            1.3F * height)

        ' Draw a portion of the image. Scale that portion of the image
        ' so that it fills the destination rectangle.
        Dim sourceRect As New RectangleF(0, 0, 0.75F * width, 0.75F * height)
        e.Graphics.DrawImage( _
            image, _
            destinationRect, _
            sourceRect, _
            GraphicsUnit.Pixel)

Image image = new Bitmap("Apple.gif");

// Draw the image unaltered with its upper-left corner at (0, 0).
e.Graphics.DrawImage(image, 0, 0);

// Make the destination rectangle 30 percent wider and
// 30 percent taller than the original image.
// Put the upper-left corner of the destination
// rectangle at (150, 20).
int width = image.Width;
int height = image.Height;
RectangleF destinationRect = new RectangleF(
    150,
    20,
    1.3f * width,
    1.3f * height);

// Draw a portion of the image. Scale that portion of the image
// so that it fills the destination rectangle.
RectangleF sourceRect = new RectangleF(0, 0, .75f * width, .75f * height);
e.Graphics.DrawImage(
    image,
    destinationRect,
    sourceRect,
    GraphicsUnit.Pixel);

Compiling the Code

The preceding example is designed for use with Windows Forms, and it requires PaintEventArgs e, which is a parameter of the Paint event handler. Make sure to replace Apple.gif with an image file name and path that are valid on your system.

See Also

Other Resources

Images, Bitmaps, and Metafiles

Working with Images, Bitmaps, Icons, and Metafiles