Writing text on images

Ramya P

hi im doing an app which is write text or draw something on the image, can you help me how can i write the code im trying many ways but im not getting the correct code i need dynamically write something on image...

pls any one can help me....

9 Replies

Know the answer? Post it — somebody with the same question will find it here.

Gage Brody12y ago
You mentioned in your first post that you want to draw the text dynamically.
If you mean by that you want to give the user the ability to specify the location of text before drawing it, you can do this using Annotations objects.
The user can load the image, add the text annotation object on it, change its location and then draw (burn) the text object on the image, so that the text becomes part of image's pixel data.
We used in one of our internal-use application a similar feature from a commercial toolkit- leadtools.
If you are interested, you can find more information on their website.
Selva Ganapathy12y ago
Hi Ramya,

It seems you are trying to have a text into an image. if you need to do like this please use the following code snippet to achieve the same

var xValue = "Tamil valga! Tamil Valarga!!"+ Cursor.Position.X .ToString(); // Get the Value of text

var taskIcon = new Bitmap(100, 100); // Get a bitmap

var font = new Font("TimesNewRoman", 27, System.Drawing.FontStyle.Bold, System.Drawing.GraphicsUnit.Pixel); // Get a font
var graphics = Graphics.FromImage(taskIcon); // Get a graphics with the bitmap image
graphics.DrawString(xValue, font, Brushes.Red, new PointF(0, 0)); // Add the text value in the graphics
graphics.SmoothingMode = SmoothingMode.AntiAlias; // Smoothing the pixel
graphics.TextRenderingHint = TextRenderingHint.AntiAlias; // Smoothing the text rendering because stem width may differ

The similar this I have used in one of my article which is as follows.

[Blog Link]
http://www.c-sharpcorner.com/Blogs/13621/getting-cursor-position-and-showing-it-in-taskbar-without-oc.aspx

Regards,
Selva Ganapathy K
Ramya P12y ago
this is my app, i want to attach text on image, if i add your im getting errors..

can you pls check my app and how to write the code for writing text on image..

thank you...
Abhijit Patil12y ago
hey ramya,

can you post error here then i tell u what is problem in your co
Ramya P12y ago
sry, am getting errors in this application, actually i don't have idea about it. so please send full source code of this project if you have no objection..

Abhijit Patil12y ago

hey ramya,

try this code

//This is the image where we are going to write the text on it. string stringMasterImageName = @"D:\MasterImage.jpg"; Bitmap bitmapMasterImage = new System.Drawing.Bitmap(stringMasterImageName); Graphics graphicsMasterImage = Graphics.FromImage(bitmapMasterImage);  //Set the alignment based on the coordinates  StringFormat stringformatWriteTextFormat = new StringFormat(); stringformatWriteTextFormat.Alignment = StringAlignment.Center;  //Set the font color Color colorStringColor = System.Drawing.ColorTranslator.FromHtml("#000081"); string stringText = "Text Content Here"; graphicsMasterImage.DrawString(stringText, new Font("Tahoma", 30,  FontStyle.Italic), new SolidBrush(colorStringColor),  new Point(310, 260), stringformatWriteTextFormat); Response.ContentType="image/jpeg"; bitmapMasterImage.Save(Response.OutputStream, ImageFormat.Jpeg);  //Save the new image in a physical location string stringOutPutFileName = @"D:\\OutPut.jpg"; bitmapMasterImage.Save(stringOutPutFileName);

hope it helps.

any query inform me.

Ramya P12y ago
sry, is this android code
Ramya P12y ago
still i have errors, is there any library to add to the project

otherwise can you send a sample app for it...

Abhijit Patil12y ago

hey ramya,

There are basically 6 steps for my sample:

Load your image:

//Load the Image to be written on. Bitmap bitMapImage = new     System.Drawing.Bitmap(Server.MapPath("dallen.jpg" )  ); Graphics graphicImage = Graphics.FromImage( bitMapImage );

Set the graphics to be smooth.

//Smooth graphics is nice. graphicImage.SmoothingMode = SmoothingMode.AntiAlias;

Write your text. Here is where you set your font. The X and Y coordinates are in the new point. (100 = X, 250 = Y).

//Write your text. graphicImage.DrawString( "That's my boy!",     new Font("Arial", 12,FontStyle.Bold ),     SystemBrushes.WindowText, new Point( 100, 250 ) );

Draw your oval around the text. Note: play around with the numbers to make the oval to the correct size that you want.

//I am drawing a oval around my text. graphicImage.DrawArc(new Pen(Color.Red, 3), 90, 235, 150, 50, 0, 360);

Set the Content Type to jpg and then write your image to the response stream.

//Set the content type Response.ContentType="image/jpeg";  //Save the new image to the response output stream. bitMapImage.Save(Response.OutputStream, ImageFormat.Jpeg);

Clean up.

//Clean house. graphicImage.Dispose(); bitMapImage.Dispose();