CGContextAddArcToPoint看图说话

CGContextAddArcToPoint 就是根据2条直线、半径，绘制弧。

点：P1、P2、P3

直线1：l1 = P1->P2

直线2：l2 = P2->P3

半径：r

CGContextSetStrokeColorWithColor(context, [UIColor whiteColor].CGColor);
CGContextMoveToPoint(context, p1.x, p1.y);
CGContextAddArcToPoint(context, p2.x, p2.y, p2.x, p2.y, r);
CGContextStrokePath(context);

上面绘制出来的就是一条与直线l1，l2相切的弧了。

再看一个例子来深入观察一下弧的特点。

- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    [self drawCoordinateAxis];
    //正六边形6个顶点
    CGPoint ps[6] ;
    ps[0] = CGPointMake(20, 50);
    ps[1] = CGPointMake(30, 50-sqrt(3)*10);
    ps[2] = CGPointMake(50, 50-sqrt((300)));
    ps[3] = CGPointMake(60, 50);
    ps[4] = CGPointMake(50, 50+sqrt(3)*10);
    ps[5] = CGPointMake(30, 50+sqrt(300));
    
    //绘制正六边形
    CGContextSetStrokeColorWithColor(context, [UIColor whiteColor].CGColor);
    CGContextMoveToPoint(context, ps[0].x, ps[0].y);
    for(int i = 0;i<=5;i++){
        CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
        CGContextAddLineToPoint(context, ps[(i+1)%6].x, ps[(i+1)%6].y);
    }
    CGContextStrokePath(context);
    
    //CGContextMoveToPoint(context, ps[0].x, ps[0].y);
    //绘制六边形的三条弧
    for(int i = 0;i<=5;i =i+2){
        CGContextMoveToPoint(context, ps[i].x, ps[i].y);
        CGContextSetStrokeColorWithColor(context, [UIColor whiteColor].CGColor);
        CGContextAddArcToPoint(context, ps[(i+1)%6].x, ps[(i+1)%6].y, ps[(i+2)%6].x, ps[(i+2)%6].y, sqrt(300));
    }
    CGContextStrokePath(context);
}

执行后的界面：

左上角的白色弧(命名：arc1)是ps0,ps1,ps2三点的成果，右上角的弧(命名：arc2)是ps2,ps3,ps4的结晶，可以看到的是：

1. 弧arc1、2的起点与ps0、ps2重合，即与画弧前的current point重合。弧arc1、2的结束点却没有与ps2、ps4重合
2. 也就是说，如果三点能构成一条弧，那么弧不仅仅与三点构成的两直线相切，并且弧头自动连接上画弧前的current point
3. 画出弧后，current point不是三点中最后的那一个点，而是白色弧的结尾处。