ios 图像处理

用户4492760302802
546 阅读10分钟

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绘图

avatar
文章
阅读
粉丝