Question

我想在鼠标光标的位置画一个文本。因为我需要非常高的性能，所以我想使用 GlyphRun 。一切都运作得很好，但不幸的是我的文字略低于光标。

有人可以帮我修改此方法以消除此垂直移位吗？

My expectation (the text touches the cursor)

我的代码：

void MyDrawer_MouseMove(object sender, MouseEventArgs e)
{
    Test1();            
}

void Test1()
{
    MyDrawer.DeleteVisual(Dv);
    MyDrawer.Cursor = Cursors.Cross;
    string text = "Hello Word";
    double size = 40;
    Dv = new DrawingVisual();
    using (var dc = Dv.RenderOpen())
    {
        Typeface typeface = new Typeface("Arial");
        if (typeface.TryGetGlyphTypeface(out GlyphTypeface glyphTypeface))
        {
            ushort[] glyphIndexes = new ushort[text.Length];
            double[] advanceWidths = new double[text.Length];

            for (int i = 0; i < text.Length; i++)
            {
                ushort glyphIndex = glyphTypeface.CharacterToGlyphMap[text[i]];
                glyphIndexes[i] = glyphIndex;
                double width = glyphTypeface.AdvanceWidths[glyphIndex] * size;
                advanceWidths[i] = width;
            }

            Point origin = Mouse.GetPosition(MyDrawer);
            //Move text belowe the cursor
            origin = new Point { X = origin.X, Y = origin.Y + (glyphTypeface.Baseline * size) };
            GlyphRun glyphRun = new GlyphRun(glyphTypeface, 0, false, size,
            glyphIndexes, origin, advanceWidths, null, null, null, null,
            null, null);

            dc.DrawGlyphRun(Brushes.Red, glyphRun);
            MyDrawer.AddVisual(Dv);
        }
    }
}

当然，这只是一个测试，实际上它不会影响光标，但是指示的点和文本将远远超过这个例子。

Answer 1

我碰到了这个问题，以寻找相同的问题。

字形内容（就此而言为GlyphRun）包装在黑盒中。
黑盒子的顶部有一些填充。

就像这样：Rought skecth of the glyph run

// To get the box size
var blackBoxHeight = glyphTypeface.Height * fontSize;

// To get the actual character height
var characterHeight = glyphTypeface.Baseline * fontSize;

// To get the padding inside the black box
var blackBoxPadding = blackBoxHeight - characterHeight;

// set the point to draw a little bit up (skip the padding)
origin.Y -= blackBoxPadding;

// Create the glyph
var run = new GlyphRun
            (
                glyphTypeface: glyphTypeface,
                bidiLevel: 0,
                isSideways: false,
                renderingEmSize: fontSize,
                pixelsPerDip: 1.0f,
                glyphIndices: indices,
                baselineOrigin: origin, /* The point containing the padding offset */
                advanceWidths: widths,
                glyphOffsets: null,
                characters: null,
                deviceFontName: null,
                clusterMap: null,
                caretStops: null,
                language: null
            );

GlyphRun和光标的确切位置（WPF）

1 个答案: