WPF中模糊变形的文本

Question

我正在使用DrawingContext.DrawText和DrawingContext.PushTransform在WPF的可视化层上创建旋转文本，但正如您在下面的图像中看到的那样，旋转的文本在图像的某些区域中相当模糊。

是否有任何选项可以改善这种情况？该文本使用Arial字体。

public class BeamTextDrawing : FrameworkElement
{
    private readonly VisualCollection _visuals;
    public BeamTextDrawing(double scale)
    {
        if (scale <= 0)
        {
            scale = 1;
        }
        var typeface = Settings.BeamTextTypeface;
        var cultureinfo = Settings.CultureInfo;
        var flowdirection = Settings.FlowDirection;
        var textsize = Settings.BeamTextSize / scale;
        var beamtextcolor = Settings.InPlanBeamTextColor;

        _visuals = new VisualCollection(this);

        foreach (var beam in Building.BeamsInTheElevation)
        {
            var drawingVisual = new DrawingVisual();
            using (var dc = drawingVisual.RenderOpen())
            {
                var text = Convert.ToString(beam.Section.Id);
                //text = scale.ToString();
                var ft = new FormattedText(text, cultureinfo, flowdirection,
                                            typeface, textsize, beamtextcolor)
                {
                    TextAlignment = TextAlignment.Center
                };

                var x1 = beam.ConnectivityLine.I.X;
                var y1 = beam.ConnectivityLine.I.Y;
                var x2 = beam.ConnectivityLine.J.X;
                var y2 = beam.ConnectivityLine.J.Y;

                var v1 = new Point(x2, y2) - new Point(x1, y1);
                var v2 = new Vector(1, 0);

                var hwidth = textsize;
                var l = Geometrics.GetOffset(x1, y1, x2, y2, hwidth + 5/scale);

                var angle = Vector.AngleBetween(v1, v2);
                var x = 0.5 * (l.X1 + l.X2);
                var y = 0.5 * (l.Y1 + l.Y2);

                var r = new RotateTransform(angle, x, SelectableModel.FlipYAxis(y));
                dc.PushTransform(r);
                dc.DrawText(ft, SelectableModel.FlipYAxis(x, y));
            }
            _visuals.Add(drawingVisual);
        }
    }

    protected override Visual GetVisualChild(int index)
    {
        return _visuals[index];
    }

    protected override int VisualChildrenCount
    {
        get
        {
            return _visuals.Count;
        }
    }
}

更新：

使用此代码后，以下是图片：

TextOptions.SetTextFormattingMode(this, TextFormattingMode.Display);

我仍然得到模糊的结果。请看图片下方中央梁文字。

- Vahid

---

你能展示一些代码吗？ - Florian

@thefiloe 我更新了问题并附上了代码。 - Vahid

Answer 1

您可以更改TextFormattingMode以防止文本模糊：

public BeamTextDrawing(double scale)
{
    TextOptions.SetTextFormattingMode(this, TextFormattingMode.Display);
    // .. Your other code

- Reed Copsey

---

谢谢Reed，我已经应用了这个方法并更新了问题的图片。但是我仍然得到模糊的文本。也许我在这里漏掉了一些非常明显的东西？ - Vahid

@Vahid，你也可以尝试使用TextOptions.SetTextRenderingMode(this, TextRenderingMode.Aliased);。这样有帮助吗？ - Reed Copsey

我已经尝试了所有这些方法，但结果出奇的相同。绘制文本几何图形 dc.DrawGeometry(Brushes.Lime, new Pen(), ft.BuildGeometry(SelectableModel.FlipYAxis(x,y))); 可以解决问题，但代价非常昂贵。 - Vahid