System.Drawing/GDI+

Re: drawing text on graphics

aschaible — Mon, 29 Jun 2009 13:35:35 GMT

I was having a similar issue - but I switched to GIF output format and it's fine now.

Re: drawing text on graphics

BanjoPickerKing — Tue, 20 Jan 2009 00:57:57 GMT

Imports System.Drawing
Imports System.Drawing.Drawing2D 

        Dim b As New Bitmap(500, 400)
        Dim g As Graphics
        Dim gp As New GraphicsPath

        gp.AddString("Test String", FontFamily.GenericSerif, 0, 72, New PointF(100, 250), New StringFormat)

        g = Graphics.FromImage(b)
        g.Clear(Color.White)
        g.SmoothingMode = SmoothingMode.HighQuality
        g.DrawPath(Pens.Black, gp)

        Response.AddHeader("Content-Type", "binary/octet-stream")
        Response.AddHeader("Content-Disposition", "filename=img.jpg")
        Response.Flush()

        b.Save(Response.OutputStream, Imaging.ImageFormat.Jpeg)

the g.SmoothingMode sets the smoothness, obviously, of the GraphicsPath.

the graininess or blurriness usually comes up on these GDI images so dont worry too much about it.

Re: drawing text on graphics

pashaKasim — Sun, 18 Jan 2009 06:40:03 GMT

@BanjoPickerKing

Do you have an example how to use graphicspath?

Thanx.

Re: drawing text on graphics

BanjoPickerKing — Tue, 17 Jun 2008 03:43:47 GMT

To outline a string, create a graphicspath and use addstring. use this graphicspath in a region and it wil display as an outline of the text

Re: drawing text on graphics

pashaKasim — Mon, 26 May 2008 20:39:59 GMT

Hello GeoSync,

Can you post an example how you can "outline" and "border" text, when you using DrawString.

Thanx.

Re: drawing text on graphics

geosync — Tue, 06 May 2008 01:58:21 GMT

Ahmed,

You could also reduce jaggedness of a font by reducing its size. However, I realize such action can reduce the readability of the text, too.

Rick

Re: drawing text on graphics

geosync — Tue, 06 May 2008 01:45:00 GMT

Hi Ahmed,

I opened MS Word and created your text using the same font. Word produces identical text to that in your image. So I don't think the text in your graphic is blurry; it's perfectly rendered.

Comic Sans MS appears to have a certain jagged quality designed into it.

The only suggestion I have is experiment with some kind of colored outline or border on the text. It might soften the boundaries between your white text and its dark background.

For smoother boundaries I think you'd have to turn to a different graphics tool. But I don't have any suggestions for better alternatives.

HTH

Good luck!

Rick

Re: drawing text on graphics

geosync — Tue, 06 May 2008 00:20:35 GMT

I don't see anything unusual in this code. Could you email a copy of your graphic with blurry text?

Re: drawing text on graphics

ahmedilyas — Mon, 05 May 2008 23:55:11 GMT

using (Image b = Bitmap.FromFile(images[randomNumber]))

{

using (Graphics g = Graphics.FromImage(b))

{

g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;g.DrawString("Because I had to!", new Font("Comic Sans MS", 30, FontStyle.Bold), Brushes.White, new PointF(290, 10));

b.Save(path + "\\newone.jpg");

b.Dispose();

g.Dispose();

}

Re: drawing text on graphics

geosync — Mon, 05 May 2008 23:49:01 GMT

ahmedilyas:
when adding text, the text is the only thing that is blurry

We better look at your code...

Re: drawing text on graphics

ahmedilyas — Mon, 05 May 2008 13:19:00 GMT

Thanks but I don't mean watermarking :)

Re: drawing text on graphics

blink18jew — Mon, 05 May 2008 13:13:34 GMT

if you mean watermarking an image with text have a look at :

http://www.codeproject.com/KB/GDI-plus/watermark.aspx

really helped me with my watermark issues, Si!

Re: drawing text on graphics

ahmedilyas — Mon, 05 May 2008 08:59:47 GMT

well not quite. The image is fine, crystal clear... but when adding text, the text is the only thing that is blurry.

Re: drawing text on graphics

geosync — Mon, 05 May 2008 06:52:47 GMT

When I see blurry text in a graphic sometimes it's because image is not displayed at exact image size.

For example, if image size is 100 x 100, but you display it as 105 x 105, text will blur.

HTH

drawing text on graphics

ahmedilyas — Sat, 03 May 2008 23:57:11 GMT

I know how to draw text on graphics and all thats fine however I do have a couple of questions

1) the text comes out blurry on jpg images. Any ideas on how to make it clearer and smooth?

2) what font can you recommend that I can use which looks good, the font color I will be using is white since the images are generally dark. I just can't seem to find a font I am attracted to.

Thanks!