Core Text绘制单个CGGlyph时位置偏移问题求助

我帮你分析了下这个x位置偏差的问题，核心原因是：CGContextShowGlyphsAtPositions指定的是字形基线的起始点（也就是字形在基线上的左端点），但你计算红色矩形时直接把这个点当成了字形边界框的左下角，完全忽略了字形在字体内部坐标系里的偏移——比如像'E'这类字形，它的边界框相对于基线起始点可能有水平方向的偏移，再加上macOS AppKit的坐标系是y轴向下，而字体内部用的是y轴向上的坐标系，这就导致了位置错位。

修正方案一：手动校准坐标系与偏移 #

你可以手动把字体内部的边界框转换到AppKit的用户坐标系，需要考虑字体的unitsPerEm、descent以及坐标系翻转：

CGContextRef main = [[NSGraphicsContext currentContext] graphicsPort];
CGContextSetAllowsAntialiasing(main, false);

CGFontRef font = ...; // 替换成你的字体对象
CGFloat fontSize = 200;
CGContextSetFont(main, font);
CGContextSetFontSize(main, fontSize);

// 准备要绘制的字形
CGGlyph glyphs[1];
glyphs[0] = CGFontGetGlyphWithGlyphName(font, CFSTR("E"));

// 基线起始点（你原来的绘制位置）
CGPoint baselinePoint = CGPointMake(100, 100);
CGContextSetRGBFillColor(main, 0, 1, 0, 1);
CGContextShowGlyphsAtPositions(main, glyphs, &baselinePoint, 1);

// 获取字形在字体em坐标系中的边界框（y轴向上）
CGRect fontBBox;
CGFontGetGlyphBBoxes(font, glyphs, 1, &fontBBox);

CGFloat unitsPerEm = CGFontGetUnitsPerEm(font);
CGFloat scale = fontSize / unitsPerEm;
// 转换为用户空间的像素尺寸
CGRect userBBox = CGRectScale(fontBBox, scale, scale);

// 处理垂直方向的坐标系转换（字体y向上 → AppKit y向下）
CGFloat descent = CGFontGetDescent(font); // 负数，代表基线向下的距离
CGFloat baselineYInFont = abs(descent); // 基线在字体坐标系中的y位置
CGFloat yOffset = (fontBBox.origin.y - baselineYInFont) * scale;
// 计算红色矩形的正确位置
CGFloat rectX = baselinePoint.x + userBBox.origin.x;
CGFloat rectY = baselinePoint.y - yOffset - userBBox.size.height;
CGRect correctRect = CGRectMake(rectX, rectY, userBBox.size.width, userBBox.size.height);

// 绘制红色矩形
CGContextSetRGBStrokeColor(main, 1, 0, 0, 1);
CGContextStrokeRect(main, correctRect);

修正方案二：用Core Text自动处理（更可靠） #

如果不想手动处理复杂的坐标系转换，直接用Core Text的CTRun来获取字形的准确边界框，它会自动处理字体的基线、偏移和坐标系适配：

CGContextRef main = [[NSGraphicsContext currentContext] graphicsPort];
CGContextSetAllowsAntialiasing(main, false);

CGFontRef font = ...; // 替换成你的字体对象
CGFloat fontSize = 200;
CGContextSetFont(main, font);
CGContextSetFontSize(main, fontSize);

// 准备要绘制的字形
CGGlyph glyphs[1];
glyphs[0] = CGFontGetGlyphWithGlyphName(font, CFSTR("E"));

// 基线起始点（你原来的绘制位置）
CGPoint baselinePoint = CGPointMake(100, 100);
CGContextSetRGBFillColor(main, 0, 1, 0, 1);
CGContextShowGlyphsAtPositions(main, glyphs, &baselinePoint, 1);

// 用Core Text获取字形的准确边界框
CTFontRef ctFont = CTFontCreateWithCGFont(font, fontSize, NULL, NULL);
NSAttributedString *attrStr = [[NSAttributedString alloc] initWithString:@"E" attributes:@{(__bridge id)kCTFontAttributeName: (__bridge id)ctFont}];
CTLineRef line = CTLineCreateWithAttributedString((__bridge CFAttributedStringRef)attrStr);
CFArrayRef runs = CTLineGetGlyphRuns(line);
CTRunRef run = CFArrayGetValueAtIndex(runs, 0);

CGRect glyphBounds;
// 临时翻转上下文适配Core Text的y向上坐标系
CGContextSaveGState(main);
CGContextTranslateCTM(main, 0, baselinePoint.y * 2);
CGContextScaleCTM(main, 1, -1);
CTRunGetImageBounds(run, main, CFRangeMake(0, 1), &glyphBounds);
CGContextRestoreGState(main);

// 转换回AppKit的y向下坐标系
glyphBounds.origin.y = baselinePoint.y * 2 - glyphBounds.origin.y - glyphBounds.size.height;

// 绘制红色矩形
CGContextSetRGBStrokeColor(main, 1, 0, 0, 1);
CGContextStrokeRect(main, glyphBounds);

// 释放Core Text对象
CFRelease(run);
CFRelease(runs);
CFRelease(line);
CFRelease(ctFont);

这两种方法都能让绿色的'E'精准对齐红色矩形的位置，第二种方法更推荐，因为它能自动处理不同字体的各种细节差异，不用你手动计算偏移。

内容的提问来源于stack exchange，提问作者olaf