获取跟踪iOS UIFont中的角色的路径

Question

假设我在我的iOS应用程序中使用了自定义字体“Foo”。我已将它添加到我的项目，plist等等，我能够用它来渲染UILabels等。

现在，如果我想找出一系列能够“追踪”该字体中的字母“P”的点，我将如何获得该点序列？例如，假设我想用CGPath慢慢地绘制字母“P”，就像绘图仪一样......

我只需要一个数组中的CGPoints序列，如果绘制为路径则会绘制一个'P'。

我意识到对于像'T'这样的字母，这可能没有意义，因为笔必须被提升以越过'T'。所以也许我需要一系列的CGPaths ......

有关如何实现这一目标的任何提示？

谢谢！

Answer 1

从字母“P”到一系列点包括几个步骤。您需要使用Core Text。

1. 创建一个CTFont。从iOS 7开始，你可以使用需要UIFont的CTFont（它们是“免费桥接”）。您还可以使用CTFont函数直接从CGFont创建CTFontCreateWithGraphicsFont，或使用CTFontCreateWithName（或使用其他一些方法）创建名称。
2. 使用CTFontGetGlyphsForCharacters函数获取字母的字形。对于字母“P”，应该只有一个字形。对于非英语脚本中的某些字符，您可能会获得多个（组合）字形。
3. 使用CTFontCreatePathForGlyph函数获取字形的CGPath。
4. 使用CGPathApply枚举路径的元素。
5. 将路径的每条线，四条曲线和三次曲线元素转换为一系列点。 Apple没有为此提供任何公共API。你需要自己做。对于直线元素，它很容易。对于曲线元素，如果您还不知道如何渲染Bézier曲线，则需要进行一些研究。例如，请参阅convert bezier curve to polygonal chain?。

我们可以在Swift游乐场轻松地进行实验：

import UIKit
import CoreText
import XCPlayground

let font = UIFont(name: "HelveticaNeue", size: 64)!

var unichars = [UniChar]("P".utf16)
var glyphs = [CGGlyph](count: unichars.count, repeatedValue: 0)
let gotGlyphs = CTFontGetGlyphsForCharacters(font, &unichars, &glyphs, unichars.count)
if gotGlyphs {
    let cgpath = CTFontCreatePathForGlyph(font, glyphs[0], nil)!
    let path = UIBezierPath(CGPath: cgpath)
    print(path)
    XCPlaygroundPage.currentPage.captureValue(path, withIdentifier: "glyph \(glyphs[0])")
}

结果：

<UIBezierPath: 0x7fbc89e0d370; <MoveTo {11.072000000000001, 23.808}>,
 <LineTo {11.072000000000001, 40.576000000000001}>,
 <LineTo {22.975999999999999, 40.576000000000001}>,
 <QuadCurveTo {30.560000000000002, 38.432000000000002} - {28.16, 40.576000000000001}>,
 <QuadCurveTo {32.960000000000001, 32.192} - {32.960000000000001, 36.288000000000004}>,
 <QuadCurveTo {30.560000000000002, 25.920000000000002} - {32.960000000000001, 28.096}>,
 <QuadCurveTo {22.975999999999999, 23.808} - {28.16, 23.744}>,
 <Close>,
 <MoveTo {4.992, 45.695999999999998}>,
 <LineTo {4.992, 0}>,
 <LineTo {11.072000000000001, 0}>,
 <LineTo {11.072000000000001, 18.687999999999999}>,
 <LineTo {25.024000000000001, 18.687999999999999}>,
 <QuadCurveTo {35.488, 22.208000000000002} - {31.936, 18.623999999999999}>,
 <QuadCurveTo {39.039999999999999, 32.192} - {39.039999999999999, 25.792000000000002}>,
 <QuadCurveTo {35.488, 42.143999999999998} - {39.039999999999999, 38.591999999999999}>,
 <QuadCurveTo {25.024000000000001, 45.695999999999998} - {31.936, 45.695999999999998}>,
 <Close>

Answer 2

对于那些在Objective C中寻找相同解决方案的人

    UIFont *font = [UIFont fontWithName:@"HelveticaNeue" size:64];
    CGFontRef fontref = CGFontCreateWithFontName((__bridge CFStringRef)font.fontName);
    NSString *unichars = @"I";
    CFStringRef yourFriendlyCFString = (__bridge CFStringRef)unichars;
    CGGlyph glyphs = CGFontGetGlyphWithGlyphName(fontref, yourFriendlyCFString);
    CTFontRef fontCT = CTFontCreateWithName((__bridge CFStringRef)font.fontName, font.pointSize, NULL);
    CGPathRef cgpath = CTFontCreatePathForGlyph(fontCT, glyphs, nil);
    UIBezierPath *path = [UIBezierPath bezierPathWithCGPath:cgpath];
    NSLog(@"Complete path For p is %@", path);
    CGPathApply(cgpath, (__bridge void * _Nullable)(bezierPoints), MyCGPathApplierFunc);
    NSLog(@"Points on path %@", bezierPoints);
    for(NSValue *point in bezierPoints){

       //Do your work
    }

Answer 3

rob的答案更新为swift 4 +垂直翻转CoreGraphics使用倒置坐标系：

    var unichars = [UniChar]("P".utf16)
    var glyphs = [CGGlyph](repeating: 0, count: unichars.count)
    let gotGlyphs = CTFontGetGlyphsForCharacters(font, &unichars, &glyphs, unichars.count)
    if gotGlyphs {
        let cgpath = CTFontCreatePathForGlyph(font, glyphs[0], nil)!
        var inverse = CGAffineTransform(scaleX: 1, y: -1).translatedBy(x: 0, y: -cgpath.boundingBox.height - 1)
        let path = UIBezierPath(cgPath: cgpath.copy(using: &inverse)!)
        print(path)