It is often required to create different graphical objects by drawing shapes including circles, lines, rectangles, etc. These shapes could also be used for the annotation of the images. In this article, you will learn how to draw different shapes programmatically in C#. We will demonstrate how to draw lines, ellipses, arcs, and rectangles and generate their images.
- C# API to Draw Shapes - Free Download
- Draw a Line using C#
- Draw an Ellipse using C#
- Drawing an Arc using C#
- Draw a Rectangle using C#
C# API to Draw Shapes - Free Download
To draw different types of shapes, we will use Aspose.Imaging for .NET. It is an amazing image editing API that provides a wide range of features to manipulate images and create drawings. You can either download the API or install it from NuGet.
PM> Install-Package Aspose.Imaging
Draw a Line using C#
The following are the steps to draw a line in C#.
- First, create an object of BmpOptions class and set bits per pixel using BitsPerPixel property.
- Then, assign StreamSource using Source property.
- Create a new image and initialize it with BmpOptions object and the image’s height and width.
- Create an object of Graphics class and initialize it with Image object.
- Clear the surface of the image with some color using Graphics.Clear() method.
- Draw a line using Graphics.DrawLine(Pen, int, int, int, int) method.
- Generate and save image using Image.Save() method.
The following code sample shows how to draw a line in C#.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Create BmpOptions | |
| BmpOptions bmpCreateOptions = new BmpOptions(); | |
| bmpCreateOptions.BitsPerPixel = 32; | |
| // Define the source property for the instance of BmpOptions | |
| bmpCreateOptions.Source = new StreamSource(); | |
| // Creates an instance of Image and call create method by passing the | |
| // bmpCreateOptions object | |
| Image image = Image.Create(bmpCreateOptions, 500, 500); | |
| // Create and initialize an instance of Graphics class | |
| Graphics graphic = new Graphics(image); | |
| // Clear the image surface with White color | |
| graphic.Clear(Color.White); | |
| // Draw a dotted line by specifying the Pen object having blue color and | |
| // co-ordinate Points | |
| graphic.DrawLine(new Pen(Color.Blue, 3), 18, 18, 200, 200); | |
| graphic.DrawLine(new Pen(Color.Blue, 3), 18, 200, 200, 18); | |
| // Draw a continuous line by specifying the Pen object having Solid | |
| // Brush with red color and two point structures | |
| graphic.DrawLine(new Pen(new SolidBrush(Color.Red), 3), | |
| new Point(18, 18), new Point(18, 200)); | |
| // Draw a continuous line by specifying the Pen object having Solid | |
| // Brush with white color and two point structures | |
| graphic.DrawLine(new Pen(new SolidBrush(Color.Orange), 3), | |
| new Point(200, 18), new Point(18, 18)); | |
| // Save all changes | |
| image.Save("draw_lines.bmp"); |
The following is the output of the above code sample.
Draw an Ellipse using C#
The following are the steps to draw an ellipse in C#.
- First, create an object of BmpOptions class and set bits per pixel using BitsPerPixel property.
- Then, assign StreamSource using Source property.
- Create a new image and initialize it with BmpOptions object and the image’s height and width.
- Create an object of Graphics class and initialize it with Image object.
- Clear the surface of the image with some color using Graphics.Clear() method.
- Draw an ellipse using Graphics.DrawEllipse(Pen, Rectangle) method.
- Generate and save image using Image.Save() method.
The following code sample shows how to draw an ellipse on an image in C#.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Create BmpOptions | |
| BmpOptions bmpCreateOptions = new BmpOptions(); | |
| bmpCreateOptions.BitsPerPixel = 32; | |
| // Define the source property for the instance of BmpOptions | |
| bmpCreateOptions.Source = new StreamSource(); | |
| // Creates an instance of Image and call create method by passing the | |
| // bmpCreateOptions object | |
| Image image = Image.Create(bmpCreateOptions, 500, 500); | |
| // Create and initialize an instance of Graphics class | |
| Graphics graphic = new Graphics(image); | |
| // Clear the image surface with White color | |
| graphic.Clear(Color.White); | |
| // Draw a dotted ellipse shape by specifying the Pen object having red | |
| // color and a surrounding Rectangle | |
| graphic.DrawEllipse(new Pen(Color.Red, 3), new Rectangle(60, 40, 70, 120)); | |
| // Draw a continuous ellipse shape by specifying the Pen object having | |
| // solid brush with blue color and a surrounding Rectangle | |
| graphic.DrawEllipse(new Pen(new SolidBrush(Color.Blue), 3), | |
| new Rectangle(40, 60, 120, 70)); | |
| // Save all changes | |
| image.Save("draw_ellipse.bmp"); |
The following is the output of the above code sample.
Draw an Arc using C#
The following are the steps to draw an arc in C#.
- First, create an object of BmpOptions class and set bits per pixel using BitsPerPixel property.
- Then, assign StreamSource using Source property.
- Create a new image and initialize it with BmpOptions object and the image’s height and width.
- Create an object of Graphics class and initialize it with Image object.
- Clear the surface of the image with some color using Graphics.Clear() method.
- Draw arc using Graphics.DrawArc(Pen, float x, float y, float width, float height, float startAngle, float sweepAngle) method.
- Generate and save image using Image.Save() method.
The following code sample shows how to draw an arc on an image in C#.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Create BmpOptions | |
| BmpOptions bmpCreateOptions = new BmpOptions(); | |
| bmpCreateOptions.BitsPerPixel = 32; | |
| // Define the source property for the instance of BmpOptions | |
| bmpCreateOptions.Source = new StreamSource(); | |
| // Creates an instance of Image and call create method by passing the | |
| // bmpCreateOptions object | |
| Image image = Image.Create(bmpCreateOptions, 500, 500); | |
| // Create and initialize an instance of Graphics class | |
| Graphics graphic = new Graphics(image); | |
| // Clear the image surface with White color | |
| graphic.Clear(Color.White); | |
| // Draw a dotted arc shape by specifying the Pen object having red black | |
| // color and coordinates, height, width, start & end angles | |
| int width = 200; | |
| int height = 300; | |
| int startAngle = 45; | |
| int sweepAngle = 270; | |
| // Draw arc to screen | |
| graphic.DrawArc(new Pen(Color.Black, 3), 0, 0, width, height, startAngle, sweepAngle); | |
| // Save all changes | |
| image.Save("draw_arc.bmp"); |
The following is the output of the above code sample.
Draw an Rectangle using C#
The following are the steps to draw a rectangle in C#.
- First, create an object of BmpOptions class and set bits per pixel using BitsPerPixel property.
- Then, assign StreamSource using Source property.
- Create a new image and initialize it with BmpOptions object and the image’s height and width.
- Create an object of Graphics class and initialize it with Image object.
- Clear the surface of the image with some color using Graphics.Clear() method.
- Draw a rectangle using Graphics.DrawRectangle(Pen, Rectangle) method.
- Generate and save image using Image.Save() method.
The following code sample shows how to draw a rectangle on an image in C#.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Create BmpOptions | |
| BmpOptions bmpCreateOptions = new BmpOptions(); | |
| bmpCreateOptions.BitsPerPixel = 32; | |
| // Define the source property for the instance of BmpOptions | |
| bmpCreateOptions.Source = new StreamSource(); | |
| // Creates an instance of Image and call create method by passing the | |
| // bmpCreateOptions object | |
| Image image = Image.Create(bmpCreateOptions, 500, 500); | |
| // Create and initialize an instance of Graphics class | |
| Graphics graphic = new Graphics(image); | |
| // Clear the image surface with White color | |
| graphic.Clear(Color.White); | |
| // Draw a dotted rectangle shape by specifying the Pen object having red | |
| // color and a rectangle structure | |
| graphic.DrawRectangle(new Pen(Color.Red, 3), | |
| new Rectangle(60, 40, 70, 120)); | |
| // Draw a continuous rectangle shape by specifying the Pen object having | |
| // solid brush with blue color and a rectangle structure | |
| graphic.DrawRectangle(new Pen(new SolidBrush(Color.Blue), 3), | |
| new Rectangle(40, 60, 120, 70)); | |
| // Save all changes | |
| image.Save("draw_reactangle.bmp"); |
The following is the output of the above code sample.
C# .NET Image Drawing API - Get a Free License
You can get a free temporary license and draw shapes without evaluation limitations.
Conclusion
In this article, you have learned how to draw shapes in C#. We have covered how to draw lines, ellipses, arcs, and rectangles on images programmatically. You can easily integrate the provided code samples into your C# applications.
Read More
You can explore more about the .NET image processing API using documentation. Also, you can share your queries with us via our forum.