ComponentOne Bitmap for WPF
Features / Applying Transformations / Rotating an Image
In This Topic
    Rotating an Image
    In This Topic

    Bitmap lets you rotate an image to 90 degree, 180 degree, and 270 degree in clockwise direction. To rotate an image using Bitmap, you can set the TransformOptions property of the FlipRotator class. The TransformOptions property can be set through the TransformOptions enumeration.

    The image below shows an image rotated by 180 degree in clockwise direction.

    The following code illustrates rotating an image in clockwise and counterclockwise directions on button clicks. This example uses the sample created in the Quick start section.

    Private Sub ApplyTransform(t As BaseTransform)
        Dim newBitmap = bitmap.Transform(t)
        bitmap.Dispose()
        bitmap = newBitmap
        UpdateImage()
    End Sub
    
    'Event to rotate the image in clockwise direction on button click
    Private Sub Button_Click_1(sender As Object, e As RoutedEventArgs)
        ApplyTransform(New FlipRotator(TransformOptions.Rotate180))
    End Sub
    
    'Event to rotate the image in counterclockwise direction on button click
    Private Sub Button_Click_2(sender As Object, e As RoutedEventArgs)
        ApplyTransform(New FlipRotator(TransformOptions.Rotate270))
    End Sub
    
    void ApplyTransform(BaseTransform t)
    {
        var newBitmap = bitmap.Transform(t);
        bitmap.Dispose();
        bitmap = newBitmap;
        UpdateImage();
    }
    
    //Event to rotate the image in clockwise direction on button click
    private void Button_Click_1(object sender, RoutedEventArgs e)
    {
        ApplyTransform(new FlipRotator(TransformOptions.Rotate180));
    }
    
    //Event to rotate the image in counterclockwise direction on button click
    private void Button_Click_2(object sender, RoutedEventArgs e)
    {
        ApplyTransform(new FlipRotator(TransformOptions.Rotate270));
    }
    
    See Also