【C#】文字列の回転描画

文字列を回転して描画するのはGraphicsオブジェクトをワールド変換して描画することも可能ですが、ワールド変換はGraphicsオブジェクト全体の座標系が変換されてしまうため、少々使いづらく感じます。

そこで、文字だけを回転するGraphicsPathを使った方法で関数にまとめてみました。

この関数で、文字の描画位置、回転、回転の基準位置（左上、中心など）を設定できるようにしています。

実行結果の画面
サンプルプログラム
プログラムの解説
関連記事

実行結果の画面

サンプルプログラム

private void Form1_Paint(object sender, PaintEventArgs e)
{
    var g = e.Graphics;
    // アンチエイリアスの設定
    g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;

    // グリッド線の描画(50画素ピッチ)
    for (int i = 0; i < this.Width; i += 50)
    {
        g.DrawLine(Pens.Black, i, 0, i, this.Height);
    }
    for (int j = 0; j < this.Height; j += 50)
    {
        g.DrawLine(Pens.Black, 0, j, this.Width, j);
    }

    var font = new Font("Arial", 20);

    // 文字の中心の座標が(100, 100)を中心に-30度回転
    var format = new StringFormat();
    format.Alignment = StringAlignment.Center;      // 左右方向は中心寄せ
    format.LineAlignment = StringAlignment.Center;  // 上下方向は中心寄せ
    DrawString(
        g,
        "[文字の中心が基準]",
        font,
        new SolidBrush(Color.Blue),
        100, 100,
        -30,
        format
        );

    // 文字の左上の座標が(200, 100)を中心に45度回転
    format.Alignment = StringAlignment.Near;      // 左右方向は左寄せ
    format.LineAlignment = StringAlignment.Near;  // 上下方向は上寄せ
    DrawString(
        g,
        "[文字の左上が基準]",
        font,
        new SolidBrush(Color.Red),
        200, 100,
        45,
        format
        );
}

/// <summary>
/// 文字列の描画、回転、基準位置指定
/// </summary>
/// <param name="g">描画先のGraphicsオブジェクト</param>
/// <param name="s">描画する文字列</param>
/// <param name="f">文字のフォント</param>
/// <param name="brush">描画用ブラシ</param>
/// <param name="x">基準位置のX座標</param>
/// <param name="y">基準位置のY座標</param>
/// <param name="deg">回転角度（度数、時計周りが正）</param>
/// <param name="format">基準位置をStringFormatクラスオブジェクトで指定します</param>
public void DrawString(Graphics g, string s, Font f, SolidBrush brush, float x, float y, float deg, StringFormat format)
{
    using (var pathText = new System.Drawing.Drawing2D.GraphicsPath())  // パスの作成
    using (var mat = new System.Drawing.Drawing2D.Matrix())             // アフィン変換行列
    {
        // 描画用Format
        var formatTemp = (StringFormat)format.Clone();
        formatTemp.Alignment = StringAlignment.Near;        // 左寄せに修正
        formatTemp.LineAlignment = StringAlignment.Near;    // 上寄せに修正

        // 文字列の描画
        pathText.AddString(
                s,
                f.FontFamily,
                (int)f.Style,
                f.SizeInPoints,
                new PointF(0, 0),
                format);
        formatTemp.Dispose();

        // 文字の領域取得
        var rect = pathText.GetBounds();

        // 回転中心のX座標
        float px;
        switch (format.Alignment)
        {
            case StringAlignment.Near:
                px = rect.Left;
                break;
            case StringAlignment.Center:
                px = rect.Left + rect.Width / 2f;
                break;
            case StringAlignment.Far:
                px = rect.Right;
                break;
            default:
                px = 0;
                break;
        }
        // 回転中心のY座標
        float py;
        switch (format.LineAlignment)
        {
            case StringAlignment.Near:
                py = rect.Top;
                break;
            case StringAlignment.Center:
                py = rect.Top + rect.Height / 2f;
                break;
            case StringAlignment.Far:
                py = rect.Bottom;
                break;
            default:
                py = 0;
                break;
        }

        // 文字の回転中心座標を原点へ移動
        mat.Translate(-px, -py, System.Drawing.Drawing2D.MatrixOrder.Append);
        // 文字の回転
        mat.Rotate(deg, System.Drawing.Drawing2D.MatrixOrder.Append);
        // 表示位置まで移動
        mat.Translate(x, y, System.Drawing.Drawing2D.MatrixOrder.Append);

        // パスをアフィン変換
        pathText.Transform(mat);

        // 描画
        g.FillPath(brush, pathText);
    }
}