CGContext 和 CIContext
2017-05-10 本文已影响1171人
夜间寻路人
这篇文章就对这两个context 做一个详细的介绍。
CGContext
属于Core Graphics(使用Quartz 进行2D渲染,处理基于路径的绘图、抗锯齿渲染、渐变、图像、颜色管理、pdf文档等。 说白了就是2D绘图 渲染功能)框架.
我们平时用的其实都是他的引用类型 CGContextRef
typedef struct CGContext *CGContextRef;
同时也发现,CGContext是一个结构体,而并不是一个Object。CGContextRef是一个指向CGContext结构体的指针。
其实 Core Graphics 其中的类型,都和这个类似。如:
CGColor ---> CGColorRef
CGPath ---> CGPathRef
CGImage ---> CGImageRef
CGLayer ---> CGLayerRef
CGShading---> CGShadingRef
CGFont ---> CGFontRef
CGPDFObject-> CGPDFObjectRef
CGContext 可以看做是一个2D 作图的画布。 而iOS 有多种画布,这些画布都以堆栈的形式存放。(只有最上面的那个context才有效,有push pop的概念)
- 获取CGContextRef
1. UIGraphicsGetCurrentContext ()
在 -(void)drawRect:(CGRect)rect 里面获取contex的方法。
2. UIGraphicsPushContext(ctx)
UIGraphicsPopContext()
也就是压入栈 和 推出栈,
在 -(void)drawLayer:(CALayer*)layer inContext:(CGContextRef)ctx
里面调用即可吧当前的context 放到栈顶,方能生效。
//该函数会自动创建一个context,并把它push到上下文栈顶
//开始 scale 为0 则表示跟随设备,opaque YES黑色画布,NO透明画布
3. UIGraphicsBeginImageContextWithOptions(size, opaque, scale)
UIGraphicsBeginImageContext(size)//开始
UIGraphicsGetCurrentContext()//获取context
UIGraphicsGetImageFromCurrentImageContext() //获取图片
UIGraphicsEndImageContext() //结束
- 在Context上画
1. image drawInRect
2. layer renderInContext
3. CGContextSet... //color, width, line, render, blendMode, should...
CGContextAdd... //Line, Path, Arc, Ellipse,
CGContextDraw/Fill ... //rect, path, stroke, replace
4. CGContextDrawImage(ctx, rect, image)
5. CGContextDrawShading(ctx, shading)
6. CGContextDrawLinearGradient(ctx, gradient, startPoint, endPoint, options); //渐变
7. CGContextDrawPDFPage(ctx, PDFPage);
8. CGContextShowGlyphsAtPositions(ctx, glyphs, *Lpositions, count);//雕文
9.CGContextShowText(ctx, *string, length)//已作废,用CoreText 实现
- 坐标互转: Converting(基本上看,名字都能明白是什么意思)
CGContextGetUserSpaceToDeviceSpaceTransform //Transform
CGContextConvertPointToDeviceSpace
CGContextConvertPointToUserSpace
CGContextConvertSizeToDeviceSpace
CGContextConvertSizeToUserSpace
CGContextConvertRectToDeviceSpace
CGContextConvertRectToUserSpace
- CTM (current graphics state's transformation matrix 当前图形状态的转换矩阵)
//在上下文中得到的CTM是:CTMnew = transform * CTMcontext。
CGContextConcatCTM(ctx, transform) //矩阵 相乘(顺序固定的)
//在上下文中得到CTM
CGContextGetCTM(ctx)
CGContextRotateCTM //旋转
CGContextTranslateCTM //位移
CGContextScaleCTM //缩放
- 保存,重设 context的状态
CGContextSaveGState(ctx) 保存当前的context的状态到堆栈上
CGContextRestoreGState(ctx) 把堆栈上第一个contex的保存状态,重新设置回去
CGContextGetTypeID 上下文的标识ID
CGContextFlush 强制吧所有的draw 都更新到contex(一般是系统周期性的自动调用 更新画布)
CGContextSynchronize更新画布,系统在下次刷新时,draw所有操作。(相当于 做了一个需要更新的标记)
CIContext
CIContext 属于Core Image框架(文档中提到 主要的功能就是 用内置或自定义的过滤器处理图片和视频 以及 在视频图片中检测面部和眼睛子类的特征和跟踪面部。和Core Graphics的主要区别 就是更注重于视频图片的加工处理)的,是一个OC对象。一般和 CIImage,CIColor,CIFilter等交互。
- 创建CIContext:
1. + contextWithOptions / + context
2. + contextWithCGContext:options: //CPU 渲染(用到了CGContextRef)
3. + contextWithCGLContext:pixelFormat:colorSpace:options: //GPU渲染(OpenGL 包含GL的)
- 在画布上画:
//获取 渲染的图片(CIImage -> CGImage)
creatCGImage:fromRect ...
render:to ... //Bitmap, CVPixelBuffer, IOSurface, MTLTexture(一个支持GPU加速3D绘图的API)
//在context上画 图片
- drawImage:inRect:fromRect:
二者的关联, 使用:
CIImage * outputImage = [filter outputImage]; //从CIFilter 获取CIImage
CGRect qrRect = [colorImage extent];
//设置CIContext,并从CIImage -> CGImage -> UIImage
CIContext *context = [CIContext contextWithOptions:nil];
CGImageRef cgImage = [context createCGImage: outputImage fromRect:qrRect];
UIImage *resultIamge = [UIImage imageWithCGImage:cgImage];
//(如果 直接用[UIImage imageWithCIImage:outputImage]; 会得到一个不是位图的图片)
UIImage* deviceImage = [UIImage imageNamed:@"device"];
//开始Image的CGContext
UIGraphicsBeginImageContext(CGSizeMake(1000, 1000));
//获取 image的 CGContextRef
CGContextRef cgContext = UIGraphicsGetCurrentContext();
//CGContextRef 和 CIContext 关联(二者表示同一画布)
context = [CIContext contextWithCGContext:cgContext options:nil];
CIImage* deviceCIImage = [CIImage imageWithCGImage:deviceImage.CGImage];
CIImage* resultCIImage = [CIImage imageWithCGImage:resultIamge.CGImage];
//CIContext 吧图片画在context上
[context drawImage:deviceCIImage inRect:CGRectMake(0, 0, 1000, 1000) fromRect:[deviceCIImage extent]];
[context drawImage:resultCIImage inRect:CGRectMake(200, 200, 600, 600) fromRect:qrRect];
//从CGContextRef 上获取图片
resultIamge = UIGraphicsGetImageFromCurrentImageContext();
//结束Image的CGContext
UIGraphicsEndImageContext();
从上面,可以发现。这两个context 都是画布的意思,相似的地方非常多,而且可以互相关联。只是所属的库不同,在用法上有些区别。
还有一个,就是CIImage 只有经过context 转化为CGImage后,才能变成位图图片。(非位图图片,不能保存到相册,不能转换为NSData (jpeg png))