Drawing a Custom Image in ASP.NET

previous post would give you an idea about basic drawing in ASP.NET. This post will show you a example drawing in ASP.NET.

This example is GDI+ to render some text in a bordered rectangle with a happy-face graphic next to it.

Here’s the code you’ll need:

protected void Page_Load(Object sender, EventArgs e)

{

// Create an in-memory bitmap where you will draw the image.

// The Bitmap is 300 pixels wide and 50 pixels high.

Bitmap image = new Bitmap(300, 50);

// Get the graphics context for the bitmap.

Graphics g = Graphics.FromImage(image);

// Draw a solid yellow rectangle with a red border.

g.FillRectangle(Brushes.LightYellow, 0, 0, 300, 50);

g.DrawRectangle(Pens.Red, 0, 0, 299, 49);

// Draw some text using a fancy font.

Font font = new Font("Alba Super", 20, FontStyle.Regular);

g.DrawString("This is a test.", font, Brushes.Blue, 10, 0);

// Copy a smaller gif into the image from a file.

System.Drawing.Image icon = Image.FromFile(Server.MapPath("smiley.gif"));

g.DrawImageUnscaled(icon, 240, 0);

// Render the entire bitmap to the HTML output stream.

image.Save(Response.OutputStream,

System.Drawing.Imaging.ImageFormat.Gif);

// Clean up.

g.Dispose();

image.Dispose();

}

This code is easy to understand. It follows the basic pattern set out earlier—it creates the in-memory Bitmap, gets the corresponding Graphics object, performs the painting, and then saves the image to the response stream. This example uses the FillRectangle(), DrawRectangle(),DrawString(), and DrawImageUnscaled() methods to create the complete drawing shown in Figure.