我想在可以占据任何形状的路径中书写文本。现在我可以在其中绘制翻转的文本:

NSArray *coordinates = ...;

CGMutablePathRef pathRef = [self objectPathGivenCoordinates:coordinates];

... // Draw the shapes

// Now draw the text    
CGContextSetTextMatrix(context, CGAffineTransformIdentity);

NSAttributedString* attString = [[NSAttributedString alloc] initWithString:@"0,1,2..."];
CTFramesetterRef frameSetter = CTFramesetterCreateWithAttributedString((__bridge CFAttributedStringRef)attString);
CTFrameRef frame = CTFramesetterCreateFrame(frameSetter, CFRangeMake(0, [attString length]), pathRef, NULL);
CTFrameDraw(frame, context);

产生这个:

我知道 iOS 有一个翻转的坐标系。大多数解决方案在绘制之前添加这两行:

CGContextTranslateCTM(context, 0, rect.size.height);
CGContextScaleCTM(context, 1.0, -1.0);

但这会产生这个:

那么为什么这种技术不起作用呢？在我见过的每个例子中，当文本以某种对称的方式呈现时使用这种技术，或者使用剪裁，或者在 OS X 上。如果我们以对称形状绘制文本，我们调用 CGContextTranslateCTM() 和 CGContextScaleCTM() 是有道理的。调用 CGContextTranslateCTM(context, 0, rect.size.height)，将第一个字母的原点移到顶部。调用 CGContextScaleCTM(context, 1, -1) 会反转 Y 的方向。如果我们在对称形状上反转 Y 的方向，它不会改变。遗憾的是，我的形状不对称。

这是我考虑过但放弃的

• 以相同的比例(上下颠倒)绘制形状和数字，然后以某种方式翻转它后面的 UIImageView (1)
• 请勿调用更改比例或翻译 CTM。使用 CGContextSetTextMatrix() 翻转文本矩阵，使文本从左到右、自下而上和右侧向上绘制。确定形状的字符串后，确定形状中剩余多少个额外字符。反转单词(现在它将从上到下、从右到左、右侧向上绘制)。为每个额外的字符添加空格。现在对于每个 CTLine，以某种方式再次反转单词(现在它将从上到下、从左到右、右侧向上绘制)(2)

为什么我放弃了他们

(1) 我不能翻转我的图像。他们总是需要正面朝上

(2) 对于其他人知道的简单解决方案，这可能有点矫枉过正

最佳答案

我确定了一个解决方案

// Flip the coordinates so that the object is drawn as if it were mirrored along the x-axis
// coordinates = @[CGPointMake(1, 2), CGPointMake(9, 17), CGPointMake(41, 3), ...]
NSArray *flippedCoordinates = [coordinates map:^id(id object) {
     CGPoint value;
     [object getValue:&value];
     CGPoint point = value;

     point.y = point.y * (-1) + rect.size.height;

     return [NSValue value:&point withObjCType:@encode(CGPoint)];
}];

// Generate a CGPathRef using the new coordinates
CGMutablePathRef pathRef = CGPathCreateMutable();
CGPathMoveToPoint(pathRef, NULL, [[flippedCoordinates objectAtIndex:0] CGPointValue].x + .5 [[flippedCoordinates objectAtIndex:0] CGPointValue].y + .5);
for(NSValue *arrayValue in flippedCoordinates) {
    CGPoint point = [arrayValue CGPointValue];
    CGPathAddLineToPoint(pathRef, NULL, point.x, point.y);
}
CGPathCloseSubpath(pathRef);

// Draw the object
// ...

// Draw the text as if it were on OS X
CGContextSetTextMatrix(context, CGAffineTransformIdentity);
NSAttributedString* attString = [[NSAttributedString alloc] initWithString:@"0,1,2,..." attributes:@{(NSString *)kCTForegroundColorAttributeName : textColor}];
CTFramesetterRef frameSetter = CTFramesetterCreateWithAttributedString((__bridge CFAttributedStringRef)attString);
CTFrameRef frame = CTFramesetterCreateFrame(frameSetter, CFRangeMake(0, [attString length]), pathRef, NULL);
CTFrameDraw(frame, context);

CFRelease(frame);
CFRelease(frameSetter);
CFRelease(pathRef);

// And, for the magic touch, flip the whole view AFTER everything is drawn
[self.layer setAffineTransform:CGAffineTransformMakeScale(1, -1)];

现在一切都是从上到下、从左到右、右侧向上绘制的

关于ios - iOS 上具有不对称形状的核心文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20476684/