CGContextAddArc 逆时针而不是顺时针

Question

在 CALayer 子类内的绘图函数内绘制圆弧时遇到问题。该绘图功能的实现如下：

-(void)drawInContext:(CGContextRef)ctx
{
    CGPoint center = CGPointMake(self.bounds.size.width/2, self.bounds.size.height/2);
    CGFloat radius = MIN(center.x, center.y);

    CGContextBeginPath(ctx);

    CGContextAddArc(ctx, center.x, center.y, radius, DEG2RAD(0), DEG2RAD(90), YES);

    CGContextSetStrokeColorWithColor(ctx, [UIColor whiteColor].CGColor);
    CGContextSetLineWidth(ctx, 5);

    CGContextDrawPath(ctx, kCGPathStroke);
}

这里并没有什么突破性的东西，但奇怪的是它在逆时针绘制弧线，尽管我指定它应该是顺时针的。相反，当我为 顺时针参数指定 NO 时，它会顺时针绘制圆弧。我对翻转坐标系进行了一些研究，并认为这可能是这里的问题，但我不想只是硬编码我的意思相反的 bool 参数。有关如何解决此问题的任何建议？

谢谢！

Answer 1

这确实是由于 UIKit 与 Quartz 的坐标系翻转所致。来自docs for CGContext：

顺时针参数决定了圆弧的创建方向；最终路径的实际方向取决于图形上下文的当前变换矩阵。例如，在 iOS 上，UIView 通过将 Y 值缩放 -1 来翻转 Y 坐标。在翻转坐标系中，指定顺时针圆弧会在应用变换后产生逆时针圆弧。

您可以在代码中使用转换矩阵翻转上下文来缓解这种情况：

CGContextTranslateCTM(ctx, 0.0, self.bounds.size.height);
CGContextScaleCTM(ctx, 1.0, -1.0);

您可能想在完成绘图后将其翻转回来，即

CGContextSaveGState(ctx);
CGContextTranslateCTM(ctx, 0.0, self.bounds.size.height);
CGContextScaleCTM(ctx, 1.0, -1.0);

// Draw...

CGContextRestoreGState(ctx);