文字をビットマップにする時、Graphics.Clear(Transparent)で文字色の輪郭が黒ずむ

Question

文字列からビットマップを作成しています。
この時、背景を透明で消していると文字の輪郭が他の色が被ったようになり下記のコードの例だと、
g.Clear(System.Drawing.Color.Transparent/FromArgb(212, 212, 212)./);

文字色は赤ですが輪郭の左右に黒い線があるように見えます。
g.Clear() の色を透明でなく指定すると、奇麗な赤になります。

ここで作った文字画像を他の画像と合わせるので文字以外の背景は透けるようにしたいです。
下記の画像は、左側が背景を透明にした画像でXの輪郭が黒い。右側は、背景を
g.Clear(System.Drawing.Color.FromArgb(212, 212, 212));
にしたので奇麗な赤で表示されています。

背景は透明でゴミ？のようなものが混じらないようにするにはどうしたらいいですか？
教えてください。

Windows10 VS2019 C# WPF

        private void TestImage()
        {
            Font font = new Font("ＭＳＰ　明朝", 40);

            using (Bitmap bmp = new Bitmap(200, 200))
            {
                //解像度の設定
                bmp.SetResolution(96, 96);

                //Graphicsオブジェクトを取得
                using (Graphics g = Graphics.FromImage(bmp))
                {
                    //画像を描画する
                    g.DrawImage(bmp, 0, 0, bmp.Width, bmp.Height);

                    // ブラシを作成する
                    using (System.Drawing.Brush b = new SolidBrush(System.Drawing.Color.Red))
                    {
                        g.Clear(System.Drawing.Color.Transparent/*FromArgb(212, 212, 212).*/);
                        g.DrawString("XXXXX", font, b, 0, 0); // 10, 22);
                    }
                }

                var hBmp = bmp.GetHbitmap();
                var bm = Imaging.CreateBitmapSourceFromHBitmap(
                                hBmp,
                                IntPtr.Zero,
                                Int32Rect.Empty,
                                BitmapSizeOptions.FromEmptyOptions());

                var img = new System.Windows.Controls.Image();
                img.Width = 200;
                img.Height = 200;
                img.Name = "img1";
                img.Source = bm;
                Canvas.SetTop(img, 50);
                Canvas.SetLeft(img, 50);

                canvas1.Children.Add(img);
            }
        }

<Canvas Name="canvas1" Background="Transparent"
            ContextMenu="{StaticResource Menu1}" />

Answer 1

おそらくアンチエイリアス関係かと想像します．
（アンチエイリアスをOFFにできるのであれば，試してみてはどうでしょうか）

ググったら似たような話が見つかりました

Comments

[byori]

お世話になります。
まさにその通りでした。ありがとうございます。完璧です！

g.Clear(System.Drawing.Color.Transparent/*FromArgb(212, 212, 212).*/);
g.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;　　　<= ここを追加
g.DrawString("XXXXX", font, b, 0, 0); // 10, 22);

Answer 2

解決されているようですが、System.Drawingを参照したくないのでWPFのみバージョンです。

"ＭＳＰ　明朝"

"ＭＳ Ｐ明朝"じゃないですかね？

<Window
  x:Class="Questions354935.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="800"
  Height="450">
  <Grid>
    <Canvas Name="canvas1" Background="LightGray" />
    <TextBlock
      FontFamily="ＭＳ Ｐ明朝"
      Foreground="Red"
      Text="XXXXX - TextBlock" FontSize="40pt" />
  </Grid>
</Window>

using System;
using System.Globalization;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Interop;
using System.Windows.Media;
using System.Windows.Media.Imaging;

namespace Questions354935
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            TestImage();
            TestImage2();
        }

        private void TestImage()
        {
            //var font = new System.Drawing.Font("ＭＳＰ　明朝", 40);
            var font = new System.Drawing.Font("ＭＳ Ｐ明朝", 40);

            using (var bmp = new System.Drawing.Bitmap(800, 200))
            {
                bmp.SetResolution(96, 96);
                using (var g = System.Drawing.Graphics.FromImage(bmp))
                {
                    g.DrawImage(bmp, 0, 0, bmp.Width, bmp.Height);
                    using (var b = new System.Drawing.SolidBrush(System.Drawing.Color.Red))
                    {
                        g.Clear(System.Drawing.Color.Transparent/*FromArgb(212, 212, 212).*/);
                        g.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;
                        g.DrawString("XXXXX - System.Drawing", font, b, 0, 0); // 10, 22);
                    }
                }

                var hBmp = bmp.GetHbitmap();
                var bm = Imaging.CreateBitmapSourceFromHBitmap(
                                hBmp,
                                IntPtr.Zero,
                                Int32Rect.Empty,
                                BitmapSizeOptions.FromEmptyOptions());

                var img = new Image
                {
                    Width = 800,
                    Height = 200,
                    Source = bm,
                };
                Canvas.SetTop(img, 100);
                //Canvas.SetLeft(img, 50);

                canvas1.Children.Add(img);
            }
        }

        private void TestImage2()
        {
            var text = new FormattedText("XXXXX - DrawingVisual",
                    CultureInfo.CurrentCulture,
                    FlowDirection.LeftToRight,
                    new Typeface("ＭＳ Ｐ明朝"),
                    40 * (96.0 / 72.0),
                    Brushes.Red, 96);

            var drawingVisual = new DrawingVisual();
            var drawingContext = drawingVisual.RenderOpen();
            drawingContext.DrawText(text, new Point());
            drawingContext.Close();

            var bmp = new RenderTargetBitmap(800, 200, 96, 96, PixelFormats.Pbgra32);
            bmp.Render(drawingVisual);

            var img = new Image
            {
                Width = 800,
                Height = 200,
                Source = bmp,
            };
            Canvas.SetTop(img, 200);
            //Canvas.SetLeft(img, 50);

            canvas1.Children.Add(img);
        }
    }
}

微妙に違うのですが、なんでかはわかりません^^;

Comments

[YAmaGNZ]

WPFは分かりませんが、GDIとGDI+の違いだったりしませんかね？

[TN8001]

そもそも描画基盤が全く違うので、同じにはなりませんよね^^;
文字の太さ？は恐らくそういう関係なんでしょうね（個人的には太いWPFのほうが好みです）

描画位置のズレはどうにかできる気がしますが、（特に調べる気はありませんので）言葉を濁しました^^;

[退会済みユーザー]

同じフォントでも出力結果が違うのが興味深いですね。Grapecityのブログに描画基盤技術の簡単な比較が載っていました。
https://devlog.grapecity.co.jp/windows-forms-wpf-comprison-rendering/
内部的にDirect3Dを使用しているし、後発なので色々最適化も進んでそうな気がします。System.DrawingでGDI(GDI+)挟まない方がいい気はしますね。