ios 图像处理

1.UIKit绘图

// 获取当前上下文

CGContextRef context = UIGraphicsGetCurrentContext();

// 移动画笔

CGContextMoveToPoint

// 在画笔位置与point之间添加将要绘制线段 （在draw时才是真正绘制出来）

CGContextAddLineToPoint

// 绘制椭圆

CGContextAddEllipseInRect

CGContextFillEllipseInRect

// 设置线条末端形状

CGContextSetLineCap

// 画虚线

CGContextSetLineDash

// 画矩形

CGContextAddRect

CGContextStrokeRect

CGContextStrokeRectWithWidth

// 画一些线段

CGContextStrokeLineSegments

// 画弧： 以(x1, y1)为圆心radius半径，startAngle和endAngle为弧度

CGContextAddArc(context, x1, y1, radius, startAngle, endAngle, clockwise);

// 先画两条线从point 到 (x1, y1) ， 从(x1, y1) 到(x2, y2) 的线  切里面的圆

CGContextAddArcToPoint(context, x1, y1,  x2,  y2, radius);

// 设置阴影

CGContextSetShadowWithColor

// 设置填充颜色

CGContextSetRGBFillColor

// 设置画笔颜色

CGContextSetRGBStrokeColor

// 设置填充颜色空间

CGContextSetFillColorSpace

// 设置画笔颜色空间

CGConextSetStrokeColorSpace

// 以当前颜色填充rect

CGContextFillRect

// 设置透明度

CGContextSetAlaha

// 设置线的宽度

CGContextSetLineWidth

// 画多个矩形

CGContextAddRects

// 画曲线

CGContextAddQuadCurveToPoint

// 开始绘制图片

CGContextStrokePath

// 设置绘制模式

CGContextDrawPath

枚举如下

CGPathDrawingMode

kCGPathFill,//只有填充（非零缠绕数填充），不绘制边框 

kCGPathEOFill,//奇偶规则填充（多条路径交叉时，奇数交叉填充，偶交叉不填充）

kCGPathStroke,        // 只有边框 

kCGPathFillStroke,    // 既有边框又有填充 

kCGPathEOFillStroke  // 奇偶填充并绘制边框 

// 封闭当前线路

CGContextClosePath

// 反转画布

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

// 从原图片中取小图

CGImageCreateWithImageInRect

// 画图片

CGImageRef image＝CGImageRetain(img.CGImage);

CGContextDrawImage(context, CGRectMake(10.0, height - 100.0, 90.0, 90.0), image);

// 实现渐变颜色填充

CGContextDrawLinearGradient(context, gradient, CGPointMake(0.0, 0.0) ,CGPointMake(0.0, self.frame.size.height), kCGGradientDrawsBeforeStartLocation);

———————UIBezierPath———————

通过一个矩形, 创建并且返回一个新的 UIBezierPath 对象

+ (instancetype)bezierPathWithRect:(CGRect)rect;

通过一个指定的矩形中的椭圆形, 创建并且返回一个新的 UIBezierPath 对象

+ (instancetype)bezierPathWithOvalInRect:(CGRect)rect;

圆角矩形, 创建并且返回一个新的 UIBezierPath 对象

+ (instancetype) bezierPathWithRoundedRect:(CGRect)rect cornerRadius:(CGFloat)cornerRadius;

自定义设置圆角矩形, 创建并且返回一个新的 UIBezierPath 对象

+ (instancetype) bezierPathWithRoundedRect:(CGRect)rect byRoundingCorners:(UIRectCorner)corners cornerRadii:(CGSize)cornerRadii;

通过一个圆弧, 创建并且返回一个新的 UIBezierPath 对象

+ (instancetype) bezierPathWithArcCenter:(CGPoint)center     //圆心

                                  radius:(CGFloat)radius     //半径

                              startAngle:(CGFloat)startAngle //开始角度 2π最大

                                endAngle:(CGFloat)endAngle   //结束角度

                               clockwise:(BOOL)clockwise;    //true =顺时针or false = 逆时针

通过一个 CGPath, 创建并且返回一个新的 UIBezierPath 对象

+ (instancetype) bezierPathWithCGPath:(CGPathRef)CGPath; //CGPath是UIBezierPath的一个只读属性，通常获取一个UIBezierPath对象的path可以给其他地方用比如上面例子中的 maskLayer.path = maskPath.CGPath;

创建并返回一个新的BezierPath, 这个 BezierPath 的方向是原 BezierPath 的反方向

- (UIBezierPath *) bezierPathByReversingPath; //这里的反方向指的是初始位置和末位置调换，而不是图形反向，比如一条路径是从（0，0）到（3，4），（0，0）是初始位置，（3，4）是末位置，如果使用此方法，则新的UIBezierPath对象的初始位置为（3，4），末位置是（0，0），但是两条直线看上去是一模一样的

将 UIBezierPath 对象的 currentPoint 移动到指定的点

- (void)moveToPoint:(CGPoint)point;

在当前子路径中追加一条直线

- (void)addLineToPoint:(CGPoint)point;

在当前子路径中追加一条圆弧

- (void)addArcWithCenter:(CGPoint)center

                  radius:(CGFloat)radius

              startAngle:(CGFloat)startAngle

                endAngle:(CGFloat)endAngle

               clockwise:(BOOL)clockwise NS_AVAILABLE_IOS(4_0);

在当前 子路经中追加一条 二次贝塞尔曲线

- (void)addQuadCurveToPoint:(CGPoint)endPoint controlPoint:(CGPoint)controlPoint;

在当前 子路经中追加一条 三次贝塞尔曲线

- (void)addCurveToPoint:(CGPoint)endPoint controlPoint1:(CGPoint)controlPoint1 controlPoint2:(CGPoint)controlPoint2;

关闭当前子路经

- (void)closePath; //意思就是闭合路径，初始位置和末位置点连成直线，形成闭合的状态

删除 UIBezierPath 对象中的所有点, 效果也就等同于删除了所有子路经

- (void)removeAllPoints;

将指定 UIBezierPath 中的内容添加到当前 UIBezierPath 对象中

- (void)appendPath:(UIBezierPath *)bezierPath; //该方法将会在当前 UIBezierPath 对象的路径中追加

UIBezierPath的属性

CGPath ->

/** * 获取这个属性, 你将会获得一个不可变的 CGPathRef 对象, * 他可以传入 CoreGraphics 提供的函数中 * 你可以是用 CoreGraphics 框架提供的方法创建一个路径, * 并给这个属性赋值, 当时设置了一个新的路径后, * 这个将会对你给出的路径对象进行 Copy 操作 */

currentPoint ->

/**

  * 该属性的值, 将会是下一条绘制的直线或曲线的起始点.

  * 如果当前路径为空, 那么该属性的值将会是 CGPointZero

  */

lineWidth ->

/**

  * 线宽属性定义了 `UIBezierPath` 对象中绘制的曲线规格. 默认为: 1.0

  */

lineCapStyle ->

/**

  * 该属性应用于曲线的终点和起点. 该属性在一个闭合子路经中是无效果的. 默认为: kCGLineCapButt

  */

/* Line cap styles. */

typedef CF_ENUM(int32_t, CGLineCap) {

    kCGLineCapButt,

    kCGLineCapRound,

    kCGLineCapSquare

};

lineJoinStyle -> // 曲线连接点样式

/* Line join styles. */

typedef CF_ENUM(int32_t, CGLineJoin) {

    kCGLineJoinMiter, 

    kCGLineJoinRound,

    kCGLineJoinBevel

};

miterLimit -> // 内角和外角距离

/** * 两条线交汇处内角和外角之间的最大距离, 只有当连接点样式为 kCGLineJoinMiter * 时才会生效，最大限制为10 * 我们都知道, 两条直线相交时, 夹角越小, 斜接长度就越大. * 该属性就是用来控制最大斜接长度的. * 当我们设置了该属性, 如果斜接长度超过我们设置的范围, * 则连接处将会以 kCGLineJoinBevel 连接类型进行显示. */

flatness -> // 渲染精度

/** * 该属性用来确定渲染曲线路径的精确度. * 该属性的值用来测量真实曲线的点和渲染曲线的点的最大允许距离. * 值越小, 渲染精度越高, 会产生相对更平滑的曲线, 但是需要花费更 * 多的计算时间. 值越大导致则会降低渲染精度, 这会使得渲染的更迅 * 速. flatness 的默认值为 0.6. * Note: 大多数情况下, 我们都不需要修改这个属性的值. 然而当我们 * 希望以最小的消耗去绘制一个临时的曲线时, 我们也许会临时增 * 大这个值, 来获得更快的渲染速度. */

usesEvenOddFillRule -> //是否使用基偶填充规则

/**

  * 设置为 YES, 则路径将会使用 基偶规则 (even-odd) 进行填充.

  * 设置为 NO,  则路径将会使用 非零规则 (non-zero) 规则进行填充.

  */

奇偶原则: 从路径覆盖范围内的任意一点做一条射线(确保这条射线的长度要比路径覆盖范围要大) , 如果与该射线相交的边的数量为奇数, 则该点是路径的内部点, 反之该点则是路径的外部点.

非零环绕数原则: 在我们脑海中定义一个变量, 比如叫:count, 然后从路径覆盖范围内的任意一点做一条射线(确保这条射线的长度要比路径覆盖范围要大). 然后我们对每一条和该射线相交的路径进行统计, 统计规则是这样的: 当路径是从右向左穿过射线的时候, count++, 当路径是从左向右穿过射线的时候, count--. 当我们统计完所有相交的路径后, 如果 count 不为0, 则该点是内部点, 该点所在的封闭区域需要填充, 反之该点则是路径的外部点.

/**

  * @param pattern: 该属性是一个 C 语言的数组, 其中每一个元素都是 CGFloat

  *                 数组中的元素代表着线段每一部分的长度, 第一个元素代表线段的第一条线,

  *                 第二个元素代表线段中的第一个间隙. 这个数组中的值是轮流的. 来解释一下

  *                 什么叫轮流的.

  *                 举个例子: 声明一个数组 CGFloat dash[] = @{3.0, 1.0};

  *                 这意味着绘制的虚线的第一部分长度为3.0, 第一个间隙长度为1.0, 虚线的

  *                 第二部分长度为3.0, 第二个间隙长度为1.0. 以此类推.

  * @param count: 这个参数是 pattern 数组的个数

  * @param phase: 这个参数代表着, 虚线从哪里开始绘制.

  *                 举个例子: 这是 phase 为 7. pattern[] = @{8.0,3.0,16.0,7.0}; 那么虚线将会从第7个像素开始，由于第一个实线的长度是8像素，所以会先显示1像素实线，然后3像素空白，16像素实线，7像素空白，8像素实线，3像素空白……

  */

- (void)setLineDash:(const CGFloat *)pattern

              count:(NSInteger)count

              phase:(CGFloat)phase;  -> // 虚线

/**

  * 该方法可以重新获取之前设置过的虚线样式.

  *  Note:  pattern 这个参数的容量必须大于该方法返回数组的容量.

  *         如果无法确定数组的容量, 那么可以调用两次该方法, 第一次

  *         调用该方法的时候, 传入 count 参数, 然后在用 count 参数

  *         来申请 pattern 数组的内存空间. 然后再第二次正常的调用该方法

  */

- (void)getLineDash:(CGFloat *)pattern

              count:(NSInteger *)count

              phase:(CGFloat *)phase; -> // 重新获取虚线的模式

/**

  * 该方法当前的填充颜色 和 绘图属性对路径的封闭区域进行填充.

  * 如果当前路径是一条开放路径, 该方法将会隐式的将路径进行关闭后进行填充

  * 该方法在进行填充操作之前, 会自动保存当前绘图的状态, 所以我们不需要

  * 自己手动的去保存绘图状态了.

  */

- (void)fill;

/**

  * 该方法当前的填充颜色 和 绘图属性 (外加指定的混合模式 和 透明度)

  * 对路径的封闭区域进行填充. 如果当前路径是一条开放路径, 该方法将

  * 会隐式的将路径进行关闭后进行填充

  * 该方法在进行填充操作之前, 会自动保存当前绘图的状态, 所以我们不需要

  * 自己手动的去保存绘图状态了.

  *

  * @param blendMode: 混合模式决定了如何和已经存在的被渲染过的内容进行合成

  * @param alpha: 填充路径时的透明度

  */

- (void)fillWithBlendMode:(CGBlendMode)blendMode

                    alpha:(CGFloat)alpha;

- (void)stroke; // 绘制路径

/**

  * @param blendMode: 混合模式决定了如何和已经存在的被渲染过的内容进行合成

  * @param alpha: 填充路径时的透明度

  */

- (void)strokeWithBlendMode:(CGBlendMode)blendMode

                      alpha:(CGFloat)alpha;

/**

  *  该方法返回一个布尔值, 当曲线的覆盖区域包含

  * 指定的点(内部点)， 则返回 YES, 否则返回 NO.

  * Note: 如果当前的路径是一个开放的路径, 那么

  *       就算指定点在路径覆盖范围内, 该方法仍然会

  *       返回 NO, 所以如果你想判断一个点是否在一个

  *       开放路径的范围内时, 你需要先Copy一份路径,

  *       并调用 -(void)closePath; 将路径封闭, 然后

  *       再调用此方法来判断指定点是否是内部点.

  * @param point: 指定点.

  */

- (BOOL) containsPoint:(CGPoint)point;

/**

  * 检测当前路径是否绘制过直线或曲线.

  * Note: 记住, 就算你仅仅调用了 moveToPoint 方法

  *       那么当前路径也被看做不为空.

  */

@property (readonly, getter=isEmpty) BOOL empty;

/**

  * 该属性描述的是一个能够完全包含路径中所有点

  *  的一个最小的矩形区域. 该区域包含二次贝塞尔

  *  曲线和三次贝塞尔曲线的控制点.

  */

@property (nonatomic, readonly) CGRect bounds;

/**

  * 该方法将会直接对路径中的所有点进行指定的放射

  * 变换操作.

  */

- (void)applyTransform:(CGAffineTransform)transform;

NS_ASSUME_NONNULL_BEGIN

CA_CLASS_AVAILABLE (10.6, 3.0, 9.0, 2.0)

@interface CAShapeLayer : CALayer

//CGPathRef路径，不支持隐式动画

@property(nullable) CGPathRef path;

//填充颜色

@property(nullable) CGColorRef fillColor;

//填充规则（默认是非零法则） 齐偶原则

@property(copy) NSString *fillRule;

//路径颜色

@property(nullable) CGColorRef strokeColor;

//部分绘制[0-1]，开始值和结束值

@property CGFloat strokeStart;

@property CGFloat strokeEnd;

//先宽

@property CGFloat lineWidth;

//内角和外角距离

@property CGFloat miterLimit;

//线端口类型

@property(copy) NSString *lineCap;

//线连接处类型

@property(copy) NSString *lineJoin;

//绘制虚线路径

//线型模板的起始位置

@property CGFloat lineDashPhase;

//线型模板 数组实线和虚线循环

@property(nullable, copy) NSArray<NSNumber *> *lineDashPattern;

@end

/* `fillRule' values. */

CA_EXTERN NSString *const kCAFillRuleNonZero    //非零

CA_AVAILABLE_STARTING (10.6, 3.0, 9.0, 2.0);

CA_EXTERN NSString *const kCAFillRuleEvenOdd    //齐偶

CA_AVAILABLE_STARTING (10.6, 3.0, 9.0, 2.0);

/* `lineJoin' values. */

CA_EXTERN NSString *const kCALineJoinMiter

CA_AVAILABLE_STARTING (10.6, 3.0, 9.0, 2.0);

CA_EXTERN NSString *const kCALineJoinRound

CA_AVAILABLE_STARTING (10.6, 3.0, 9.0, 2.0);

CA_EXTERN NSString *const kCALineJoinBevel

CA_AVAILABLE_STARTING (10.6, 3.0, 9.0, 2.0);

/* `lineCap' values. */

CA_EXTERN NSString *const kCALineCapButt

CA_AVAILABLE_STARTING (10.6, 3.0, 9.0, 2.0);

CA_EXTERN NSString *const kCALineCapRound

CA_AVAILABLE_STARTING (10.6, 3.0, 9.0, 2.0);

CA_EXTERN NSString *const kCALineCapSquare

CA_AVAILABLE_STARTING (10.6, 3.0, 9.0, 2.0);

NS_ASSUME_NONNULL_END

2.Core Graphics绘图

3.Core Animation

4.Core Image

5.OpenGL ES绘图