一般情况下，基本绘制步骤：
1 画个路径
2 线条设置
3 绘制图形
路径 与 图形 （线条）
与CGPath 和 BezierPath 基本一致
- 路径
CGContextBeginPath(context);// 重新开始画
CGContextMoveToPoint(context, 10, 10);// 起点
CGContextAddLineToPoint(context, 10, 90);// 直线
CGContextAddCurveToPoint(context, 0, 30, 50, 80, 50, 90);// 2次贝塞尔
CGContextAddQuadCurveToPoint(context, 100, 90, 90, 30);// 1 次贝塞尔
CGContextClosePath(context);// 闭合曲线
- 图形
// 一个 矩形
CGContextAddRect(context, CGRectMake(10, 10, 20, 20));
// 两个矩形
CGRect rects[] = {CGRectMake(10, 10, 20, 20), CGRectMake(40, 40, 40, 40)};
CGContextAddRects(context, rects, sizeof(rects)/sizeof(rects[0]));
// 多点连线
CGPoint points[] = {CGPointMake(10, 10), CGPointMake(90, 90), CGPointMake(10, 90)};
CGContextAddLines(context, points, sizeof(points)/sizeof(points[0]));
// 矩形内切椭圆
CGContextAddEllipseInRect(context, CGRectMake(10, 10, 80, 40));
// 圆，clockwise:0顺1逆；x轴正方向为 0弧度；
CGContextAddArc(context, 10, 10, 40, 0, M_PI_4, 0);
// 圆角 ：起点-（x1,y1）的直线 与 （x1,y1）-（x2,y2） 内切的圆弧
CGContextMoveToPoint(context, 10, 10);
CGContextAddArcToPoint(context, 10, 90, 90, 90, 50);
// 使用 CGPath 的路径创建（基本都差不多）
CGMutablePathRef pathRef = CGPathCreateMutable();
CGPathAddRect(pathRef, nil, CGRectMake(10, 10, 80, 80));
CGContextAddPath(context, pathRef);
线条 基本设置
CGContextSetLineWidth(context, 2);// 线宽
CGContextSetLineCap(context, kCGLineCapRound);// 线头
CGContextSetLineJoin(context, kCGLineJoinRound);// 线转折
CGContextSetMiterLimit(context, 10.);// 与转折的 尖叫模式有关，详情与 CGPath 类似
CGFloat lengths[] = {4,10};// 虚线设置，先虚后实
CGContextSetLineDash(context, 0, lengths, sizeof(lengths)/sizeof(lengths[0]));// 虚线
CGContextSetFlatness(context, 1);// 曲线平滑度（小于1则更平滑，但是增加渲染时间）
CGContextSetAlpha(context, 0.9);// 透明度
CGContextSetBlendMode(context, kCGBlendModeNormal);// 混合模式（暂无解释）
颜色设置
- 一般颜色设置
// 模式填充
CGContextDrawPath(context, kCGPathFillStroke);
// 填充色
CGContextSetFillColorWithColor(context, [UIColor blueColor].CGColor);
// 描边色
CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);
- 使用 CGColorSpaceRef 颜色空间 与 颜色组件 设置（即CGColor的创建）
// 填充
CGColorSpaceRef fillSpaceRef = CGColorSpaceCreateDeviceRGB();
CGContextSetFillColorSpace(context, fillSpaceRef);
CGFloat fillComponents[] = {1, 0, 0, 1};
CGContextSetFillColor(context,fillComponents);
// 描边
CGColorSpaceRef strokeSpaceRef = CGColorSpaceCreateDeviceRGB();
CGContextSetStrokeColorSpace(context, strokeSpaceRef);
CGFloat strokeComponents[] = {0, 1, 0, 1};
CGContextSetStrokeColor(context,strokeComponents);
- 模式填充 设置
可以参考，CGPattern 那篇的实例
//注意最后一个参数对于有颜色瓷砖指定为透明度的参数地址，对于无颜色瓷砖则指定当前颜色空间对应的颜色数组
CGContextSetFillPattern(context, pattern, &alpha);
CGContextSetStrokePattern(context, pattern, components);
CGContextSetPatternPhase(context, CGSizeMake(0, 10));// 模板 偏移，（0，0）就是左上角开始铺
- 便利方式
其实就是创建了 CGColor
CGContextSetGrayFillColor(context, 0.5, 0.7);
CGContextSetRGBFillColor(context, 1, 0, 0, 1);
CGContextSetCMYKFillColor(context, 1, 1, 0, 0, 1);
CGContextSetGrayStrokeColor(context, 0.5, 0.4);
CGContextSetRGBStrokeColor(context, 1, 0, 0, 1);
CGContextSetCMYKStrokeColor(context, 1, 1, 0, 0, 1);
绘制 线条
- 路径填充
// 根据 路径 描边 填充
CGContextFillPath(context);
CGContextStrokePath(context);
CGContextEOFillPath(context);// ！！！啥
- 直接画图加填充
// 直接 图形 填充
CGContextFillRect(context, CGRectMake(10, 10, 80, 80));
CGRect rects[] = {CGRectMake(10, 10, 20, 20), CGRectMake(40, 40, 40, 40)};
CGContextFillRects(context, rects, sizeof(rects)/sizeof(rects[0]));
CGContextFillEllipseInRect(context, CGRectMake(10, 10, 80, 40));
// 直接 图形 描边
CGContextStrokeRect(context, CGRectMake(10, 10, 80, 80));
CGContextStrokeRectWithWidth(context, CGRectMake(10, 10, 80, 80), 4);
CGContextStrokeEllipseInRect(context, CGRectMake(10, 10, 80, 40));
CGPoint points[] = {CGPointMake(10, 10), CGPointMake(90, 90), CGPointMake(10, 90), CGPointMake(30, 80)};
CGContextStrokeLineSegments(context, points, sizeof(points)/sizeof(points[0]));// 注，此处需要成对出现，与上面的连续画不同
// 擦除 矩形 部分的内容
CGContextClearRect(context, CGRectMake(10, 10, 40, 40));
1