Bad text rendering using DrawString on top of transparent pixels

c# winforms gdi+ system.drawing drawstring
mackenir picture mackenir · Jun 7, 2010 · Viewed 23.2k times · Source

When rendering text into a bitmap, I find that text looks very bad when rendered on top of an area with non-opaque alpha. The problem is progressively worse as the underlying pixels become more transparent. If I had to guess I'd say that when underlying pixels are transparent, the text renderer draws any anti-aliased 'gray' pixels as solid black.

Here are some screenshots:

Text drawn on top of transparent pixels:

alt text

Text drawn on top of semi-transparent pixels:

alt text

Text drawn on opaque pixels:

alt text

Here is the code used to render the text:

g.SmoothingMode = SmoothingMode.HighQuality;
g.DrawString("Press the spacebar", Font, Brushes.Black, textLeft, textTop);

Answer

Guilherme picture Guilherme · Aug 16, 2011

The option I used to workaround this problem was:

Graphics graphics = new Graphics();
graphics.TextRenderingHint = System.Drawing.Text.TextRenderingHint.SingleBitPerPixelGridFit;

There are some others useful options in TextRenderingHint

Hope it helps

Related questions

Saving image to file

I am working on a basic drawing application. I want the user to be able to save the contents of the image. I thought I should use System.Drawing.Drawing2D.GraphicsState img = drawRegion.CreateGraphics().Save(); but this does not …

Read More
Resize image proportionally with MaxHeight and MaxWidth constraints

Using System.Drawing.Image. If an image width or height exceed the maximum, it need to be resized proportionally . After resized it need to make sure that neither width or height still exceed the limit. The Width and Height will …

Read More
Draw a single pixel on Windows Forms

I'm stuck trying to turn on a single pixel on a Windows Form. graphics.DrawLine(Pens.Black, 50, 50, 51, 50); // draws two pixels graphics.DrawLine(Pens.Black, 50, 50, 50, 50); // draws no pixels The API really should have a method to set the color of one …

Read More