21

假设我有一个在我的 iOS 应用程序中使用的自定义字体“Foo”。我已经将它添加到我的项目、plist 等中，并且我能够很好地渲染UILabels 等。

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

我只需要一个CGPoints数组中的序列，如果将其绘制为路径将绘制一个“P”。

我意识到对于像“T”这样的一些字母，这可能没有意义，因为必须抬起笔才能越过“T”。所以也许我需要一个序列CGPath...

关于如何做到这一点的任何提示？

谢谢！

4

3 回答 3

40

从字母“P”到一系列点涉及几个步骤。您需要使用核心文本。

  1. 创建一个CTFont. 从 iOS 7 开始，您可以在需要 a 的UIFont地方使用 a CTFont（它们是“免费桥接”）。您还可以使用函数CTFont直接从 a创建一个，或者使用名称使用（或使用其他一些方法）。CGFontCTFontCreateWithGraphicsFontCTFontCreateWithName

  2. CTFontGetGlyphsForCharacters使用该函数获取字母的字形。对于字母“P”，应该只有一个字形。对于非英语脚本中的某些字符，您可能会获得多个（组合）字形。

  3. 使用该CTFontCreatePathForGlyph函数获取CGPath字形的 a。

  4. 用于CGPathApply枚举路径的元素。

  5. 将路径的每条直线、四边形曲线和三次曲线元素转换为点序列。Apple 没有为此提供任何公共 API。你需要自己做。对于直线元素，这很容易。对于曲线元素，如果您还不知道如何渲染贝塞尔曲线，则需要进行一些研究。例如，请参阅将贝塞尔曲线转换为多边形链？.

我们可以在 Swift Playground 中轻松地进行实验：

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>

P字形路径

于 2012-06-23T20:00:33.180 回答
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)
于 2019-03-01T15:02:15.833 回答
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
    }
于 2016-09-27T11:43:19.223 回答