Click here to Skip to main content
15,867,308 members
Articles / Programming Languages / C#

C# Image/PictureBox Rotations

Rate me:
Please Sign up or sign in to vote.
4.62/5 (25 votes)
16 Feb 2010CPOL1 min read 261.9K   20.7K   36   19
How to rotate any image from the center of that image

Introduction

I was working on an Etch A Sketch like program and made a knob image and wanted to simply rotate it as the user hit the arrow keys. I found many sources online, but none that got it done just how I wanted (see links below in References section). I then decided since I figured it out and got it all working why not make a simple demo with source that others could use.

Background

  • Loading an image from a dialogue prompt
  • Creating bitmaps, image/draw updates, and Graphic manipulation

Using the Code

There is a class called Utilities in the Utilities.cs file that contains the functions for rotating an image from the center or given an offset to rotate from.

Here is the main rotation function RotateImage:

C#
/// <summary>
/// Creates a new Image containing the same image only rotated
/// </summary>
/// <param name=""image"">The <see cref=""System.Drawing.Image"/"> to rotate
/// <param name=""offset"">The position to rotate from.
/// <param name=""angle"">The amount to rotate the image, clockwise, in degrees
/// <returns>A new <see cref=""System.Drawing.Bitmap"/"> of the same size rotated.</see>
/// <exception cref=""System.ArgumentNullException"">Thrown if <see cref=""image"/"> 
/// is null.</see>
public static Bitmap RotateImage(Image image, PointF offset, float angle)
{
    if (image == null)
        throw new ArgumentNullException("image");
        
    //create a new empty bitmap to hold rotated image
    Bitmap rotatedBmp = new Bitmap(image.Width, image.Height);
    rotatedBmp.SetResolution(image.HorizontalResolution, image.VerticalResolution);
    
    //make a graphics object from the empty bitmap
    Graphics g = Graphics.FromImage(rotatedBmp);
    
    //Put the rotation point in the center of the image
    g.TranslateTransform(offset.X, offset.Y);
    
    //rotate the image
    g.RotateTransform(angle);
    
    //move the image back
    g.TranslateTransform(-offset.X, -offset.Y);
    
    //draw passed in image onto graphics object
    g.DrawImage(image, new PointF(0, 0));
    
    return rotatedBmp;
}

And here is how it is used:

C#
//Load an image in from a file
Image image = new Bitmap("Picture.png");
//Set our picture box to that image
pictureBox.Image = (Bitmap)image.Clone();

//Store our old image so we can delete it
Image oldImage = pictureBox.Image;
//Pass in our original image and return a new image rotated 35 degrees right
pictureBox.Image = Utilities.RotateImage(image, 35);
if (oldImage != null)
{
    oldImage.Dispose();
} 

Points of Interest

Graphics are very powerful and allow you to do image manipulation really easily. For instance, this code could easily be modified to scale instead. I may added to this with more utilities like that.

References

History

  • 16th February, 2010: Initial post

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
QuestionThanks - but for 90/180 degrees rotations... Pin
copa01721-Feb-12 11:49
copa01721-Feb-12 11:49 
AnswerRe: Thanks - but for 90/180 degrees rotations... Pin
MusicMonkey555519-Mar-13 7:21
MusicMonkey555519-Mar-13 7:21 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.