iOS,Core Graphics

Core Graphics 

知识补充
1.Core Graphics是基于C语言的一套框架，开发时没法像使用Obj-C同样调用；
2.在Quartz 2D中凡是使用带有“Create”或者“Copy”关键字方法建立的对象，在使用后必定要使用对应的方法释放（因为这个框架基于C语言编写没法自动释放内存）；
3.Quartz 2D是跨平台的，所以其中的方法中不能使用UIKit中的对象（UIKit只有iOS可用），例如用到的颜色只能用CGColorRef而不能用UIColor，可是UIKit中提供了对应的转换方法；
4.在C语言中枚举通常以“k”开头，因为Quartz 2D基于C语言开发，因此它也不例外（参数中不少枚举都是k开头的）；
5.因为Quartz 2D是Core Graphics的一部分，因此API多数以CG开头；
6.在使用Quartz 2D绘图API中全部以“Ref”结尾对象，在声明时都没必要声明为指针类型；
7.在使用Quartz 2D绘图API时，凡是“UI”开头的相关绘图函数，都是UIKit对Core Graphics的封装（主要为了简化绘图操做）；

 

　　*Quartz 2D

　　Quartz 2D是CoreGraphics框架的一部分，是一个强大的二维图像绘制引擎。在UIKit中也有很好的封装和集成，平常开发时所用到的UIKit中的组件都是由CoreGraphics进行绘制，当咱们引入UIKit框架时系统会自动引入CoreGraphics框架，UIKit内部还对一些经常使用的绘图API进行了封装。

　　*基本图形绘制

　　在UIKit中有一个默认的图形上下文对象，在UI控件的drawRect:方法(这个方法在loadView、viewDidLoad方法后执行)中咱们能够经过UIKit封装函数UIGrahicsGetCurrentContext()方法得到这个图形上下文（在其余UI控件方法中没法取得这个对象），自定义一个View继承自UIView，重写drawRect:方法绘制。

//基本绘图，建立一个小三角
-(void)createTriangleBasicView{
    //取得图像上下文对象
    CGContextRef context=UIGraphicsGetCurrentContext(); //建立路径对象 CGMutablePathRef path=CGPathCreateMutable(); CGPathMoveToPoint(path, nil, 20, 50);//移动到指定位置（设置路径起点） CGPathAddLineToPoint(path, nil, 20, 100);//绘制直线（从起始位置开始） CGPathAddLineToPoint(path, nil, 300, 100);//绘制另一条直线（从上一直线终点开始绘制） //添加到路径图形上下文  CGContextAddPath(context, path); //设置图形上下文状态属性 CGContextSetRGBStrokeColor(context, 255/255.0f, 0, 0, 1);//设置笔触颜色 CGContextSetRGBFillColor(context, 0, 255/255.0f, 0, 1);//设置填充色 CGContextSetLineWidth(context, 2.0);//设置线条宽度 CGContextSetLineCap(context, kCGLineCapRound);//设置顶点样式，（20,50）和（300,100）是顶点 CGContextSetLineJoin(context, kCGLineJoinRound);//设置链接点样式，（20,100）是链接点 /*设置线段样式 phase:虚线开始的位置 lengths:虚线长度间隔（例以下面的定义说明第一条线段长度8，而后间隔3从新绘制8点的长度线段，固然这个数组能够定义更多元素） count:虚线数组元素个数 */ CGFloat lengths[]={18,9,9,4}; CGContextSetLineDash(context, 0, lengths, 4); /*设置阴影 context:图形上下文 offset:偏移量 blur:模糊度 color:阴影颜色 */ CGColorRef color=[UIColor grayColor].CGColor;//;//颜色转化，因为Quartz 2D跨平台，因此其中不能使用UIKit中的对象，可是UIkit提供了转化方法 CGContextSetShadowWithColor(context, CGSizeMake(2, 2), 0.8, color); //绘制图像到指定图形上下文 /*CGPathDrawingMode是填充方式,枚举类型 kCGPathFill:只有填充（非零缠绕数填充），不绘制边框 kCGPathEOFill:奇偶规则填充（多条路径交叉时，奇数交叉填充，偶交叉不填充） kCGPathStroke:只有边框 kCGPathFillStroke：既有边框又有填充 kCGPathEOFillStroke：奇偶填充并绘制边框 */ CGContextDrawPath(context, kCGPathFillStroke); CGPathRelease(path); CGColorRelease(color); }

运行效果

　　 

　　*简化绘图方式

　　CoreGraphics内部对建立对象添加到上下文进行了封装能够一步完成，UIKit内部封装了一些以“UI”开头的方法能够进行图形绘制

//简化绘图，建立一个小三角
-(void)createTriangleSimplifyView{
    //得到图形上下文
    CGContextRef context=UIGraphicsGetCurrentContext(); //绘制路径 CGContextMoveToPoint(context, 20, 50); CGContextAddLineToPoint(context, 20, 100); CGContextAddLineToPoint(context, 300, 100); //封闭路径:a.建立一条起点和终点的线,不推荐 //CGPathAddLineToPoint(path, nil, 20, 50); //封闭路径:b.直接调用路径封闭方法  CGContextClosePath(context); //设置图形上下文属性  CGContextClosePath(context); [[UIColor redColor] setStroke];//设置红色边框 [[UIColor greenColor] setFill];//设置绿色填充 //绘制路径  CGContextDrawPath(context, kCGPathFillStroke); }

运行效果

　　*绘制矩形

//绘制矩形
-(void)createRect{
    //得到图形上下文
    CGContextRef context=UIGraphicsGetCurrentContext(); CGContextAddRect(context, CGRectMake(20, 50, 280.0, 50.0)); //设置属性 [[UIColor blueColor] set]; CGContextDrawPath(context, kCGPathFillStroke); [[UIColor yellowColor] set]; UIRectFill(CGRectMake(20, 150, 280.0, 50.0));//绘制矩形（只有填充）  [[UIColor redColor] setStroke]; UIRectFrame(CGRectMake(20, 250, 280.0, 50));//绘制矩形（只有边框） }

运行效果

　　*绘制椭圆

//绘制椭圆
-(void)createEllipse{
    //得到图形上下文
    CGContextRef context=UIGraphicsGetCurrentContext(); //添加对象,绘制椭圆（圆形）的过程也是先建立一个矩形 CGContextAddEllipseInRect(context, CGRectMake(0, 0, 200, 200)); //设置属性 [[UIColor purpleColor] set]; //绘制  CGContextDrawPath(context, kCGPathFillStroke); }

运行效果

　　*绘制弧形

//绘制弧形
-(void)createArcView{
    //得到图形上下文
    CGContextRef context=UIGraphicsGetCurrentContext(); /*添加弧形对象 x:中心点x坐标 y:中心点y坐标 radius:半径 startAngle:起始弧度 endAngle:终止弧度 closewise:是否逆时针绘制，0则顺时针绘制 */ CGContextAddArc(context, 80, 80, 60, 0, M_PI_2, 1); //设置属性 [[UIColor yellowColor] set]; //绘制  CGContextDrawPath(context, kCGPathFillStroke); }

 

运行效果

　　*绘制贝塞尔曲线

//绘制二次/三次贝塞尔曲线
-(void)createCurveView{
    //得到图形上下文
    CGContextRef context=UIGraphicsGetCurrentContext(); //绘制曲线 CGContextMoveToPoint(context, 20, 100);//移动到起始位置 /*绘制二次贝塞尔曲线 c:图形上下文 cpx:控制点x坐标 cpy:控制点y坐标 x:结束点x坐标 y:结束点y坐标 */ CGContextAddQuadCurveToPoint(context, 160, 0, 300, 100); CGContextMoveToPoint(context, 20, 500); /*绘制三次贝塞尔曲线 c:图形上下文 cp1x:第一个控制点x坐标 cp1y:第一个控制点y坐标 cp2x:第二个控制点x坐标 cp2y:第二个控制点y坐标 x:结束点x坐标 y:结束点y坐标 */ CGContextAddCurveToPoint(context, 80, 300, 240, 500, 300, 300); //设置图形上下文属性  [[UIColor yellowColor] setFill]; [[UIColor redColor] setStroke]; //绘制路径  CGContextDrawPath(context, kCGPathFillStroke); }

运行效果

　　*文本绘制

//文本绘制
-(void)createTextView{
    //绘制到指定内容区域
    NSString *str=@"Star Walk is the most beautiful stargazing app you’ve ever seen on a mobile device. It will become your go-to interactive astro guide to the night sky, following your every movement in real-time and allowing you to explore over 200, 000 celestial bodies with extensive information about stars and constellations that you find."; UIFont *font=[UIFont systemFontOfSize:18];//设置字体 UIColor *color=[UIColor redColor];//字体颜色 NSMutableParagraphStyle *style=[[NSMutableParagraphStyle alloc] init];//段落样式 NSTextAlignment align=NSTextAlignmentLeft;//对齐方式 style.alignment=align; [str drawInRect:CGRectMake(20, 50, 280, 300) withAttributes:@{NSFontAttributeName:font,NSForegroundColorAttributeName:color,NSParagraphStyleAttributeName:style}]; }

运行效果

　　*图像绘制

//图像绘制
-(void)createImgae{
    UIImage *img=[UIImage imageNamed:@"🤤.png"]; //从某一点开始绘制 // [img drawAtPoint:CGPointMake(10, 50)]; //绘制到指定的矩形中，注意若是大小不合适会会进行拉伸 [img drawInRect:CGRectMake(10, 50, 256, 160)]; //平铺绘制 // [img drawAsPatternInRect:CGRectMake(0, 0, 320, 568)]; }

运行效果

　　*绘制渐变填充

线性渐变线：渐变色以直线方式从开始位置逐渐向结束位置渐变

//线性渐变线：渐变色以直线方式从开始位置逐渐向结束位置渐变
-(void)createLinearGradient{
    //得到图形上下文
    CGContextRef context=UIGraphicsGetCurrentContext(); //使用rgb颜色空间 CGColorSpaceRef colorSpac=CGColorSpaceCreateDeviceRGB(); /*指定渐变色 space:颜色空间 components:颜色数组,注意因为指定了RGB颜色空间，那么四个数组元素表示一个颜色（red、green、blue、alpha）， 若是有三个颜色则这个数组有4*3个元素 locations:颜色所在位置（范围0~1），这个数组的个数不小于components中存放颜色的个数 count:渐变个数，等于locations的个数 */ CGFloat compoents[12]={ 248.0/255.0,86.0/255.0,86.0/255.0,1, 249.0/255.0,127.0/255.0,127.0/255.0,1, 1.0,1.0,1.0,1.0 }; CGFloat locations[3]={0,0.3,1.0}; CGGradientRef gradient=CGGradientCreateWithColorComponents(colorSpac, compoents, locations, 3); /*绘制线性渐变 context:图形上下文 gradient:渐变色 startPoint:起始位置 endPoint:终止位置 options:绘制方式,kCGGradientDrawsBeforeStartLocation 开始位置以前就进行绘制，到结束位置以后再也不绘制， kCGGradientDrawsAfterEndLocation开始位置以前不进行绘制，到结束点以后继续填充 */ CGContextDrawLinearGradient(context, gradient, CGPointMake(self.frame.size.width/2, 0), CGPointMake(self.frame.size.width/2, self.frame.size.height), kCGGradientDrawsAfterEndLocation); //释放颜色空间  CGColorSpaceRelease(colorSpac); }

运行效果

径向渐变：以中心点为圆心从起始渐变色向四周辐射，直到终止渐变色

//径向渐变：以中心点为圆心从起始渐变色向四周辐射，直到终止渐变色
-(void)createRadialGradient{
    //得到图形上下文
    CGContextRef context=UIGraphicsGetCurrentContext(); //使用rgb颜色空间 CGColorSpaceRef colorSpace=CGColorSpaceCreateDeviceRGB(); /*指定渐变色 space:颜色空间 components:颜色数组,注意因为指定了RGB颜色空间，那么四个数组元素表示一个颜色（red、green、blue、alpha）， 若是有三个颜色则这个数组有4*3个元素 locations:颜色所在位置（范围0~1），这个数组的个数不小于components中存放颜色的个数 count:渐变个数，等于locations的个数 */ CGFloat compoents[12]={ 248.0/255.0,86.0/255.0,86.0/255.0,1, 249.0/255.0,127.0/255.0,127.0/255.0,1, 1.0,1.0,1.0,1.0 }; CGFloat locations[3]={0,0.3,1.0}; CGGradientRef gradient=CGGradientCreateWithColorComponents(colorSpace, compoents, locations, 3); /*绘制径向渐变 context:图形上下文 gradient:渐变色 startCenter:起始点位置 startRadius:起始半径（一般为0，不然在此半径范围内容无任何填充） endCenter:终点位置（一般和起始点相同，不然会有偏移） endRadius:终点半径（也就是渐变的扩散长度） options:绘制方式,kCGGradientDrawsBeforeStartLocation 开始位置以前就进行绘制，可是到结束位置以后再也不绘制， kCGGradientDrawsAfterEndLocation开始位置以前不进行绘制，但到结束点以后继续填充 */ CGContextDrawRadialGradient(context, gradient, CGPointMake(self.frame.size.width/2, self.frame.size.height/2), 0, CGPointMake(self.frame.size.width/2, self.frame.size.height/2), 150, kCGGradientDrawsBeforeStartLocation); //释放颜色空间  CGColorSpaceRelease(colorSpace); }

运行效果

　　*扩展--渐变填充

//区域裁剪线性渐变填充
-(void)createRectWithLinearGradientFill{
    //得到图形上下文
    CGContextRef context=UIGraphicsGetCurrentContext(); //使用rgb颜色空间 CGColorSpaceRef colorSpace=CGColorSpaceCreateDeviceRGB(); //裁切处一块矩形用于显示，注意必须先裁切再调用渐变 //CGContextClipToRect(context, CGRectMake(20, 50, 280, 300)); //裁切还可使用UIKit中对应的方法 UIRectClip(CGRectMake(20, 50, 280, 300)); CGFloat compoents[12]={ 248.0/255.0,86.0/255.0,86.0/255.0,1, 249.0/255.0,127.0/255.0,127.0/255.0,1, 1.0,1.0,1.0,1.0 }; CGFloat locations[3]={0,0.3,1.0}; CGGradientRef gradient=CGGradientCreateWithColorComponents(colorSpace, compoents, locations, 3); CGContextDrawLinearGradient(context, gradient, CGPointMake(150, 50), CGPointMake(150, 300), kCGGradientDrawsAfterEndLocation); //释放颜色空间  CGColorSpaceRelease(colorSpace); }

运行效果

　　*叠加模式

　　使用Quartz2D绘图时后面绘制的图像会覆盖前面的，默认状况下若是前面的被覆盖后将看不到后面的内容，但Quartz2D中提供了填充模式供开发者配置调整。

//叠加模式,（视图有背景色，和没背景色是不同的)
-(void)createRectByUIKit{
    //得到图形上下文
    CGContextRef context=UIGraphicsGetCurrentContext(); CGRect rect= CGRectMake(0, 130.0, 320.0, 50.0); CGRect rect1= CGRectMake(0, 390.0, 320.0, 50.0); CGRect rect2=CGRectMake(20, 50.0, 10.0, 250.0); CGRect rect3=CGRectMake(40.0, 50.0, 10.0, 250.0); CGRect rect4=CGRectMake(60.0, 50.0, 10.0, 250.0); CGRect rect5=CGRectMake(80.0, 50.0, 10.0, 250.0); CGRect rect6=CGRectMake(100.0, 50.0, 10.0, 250.0); CGRect rect7=CGRectMake(120.0, 50.0, 10.0, 250.0); CGRect rect8=CGRectMake(140.0, 50.0, 10.0, 250.0); CGRect rect9=CGRectMake(160.0, 50.0, 10.0, 250.0); CGRect rect10=CGRectMake(180.0, 50.0, 10.0, 250.0); CGRect rect11=CGRectMake(200.0, 50.0, 10.0, 250.0); CGRect rect12=CGRectMake(220.0, 50.0, 10.0, 250.0); CGRect rect13=CGRectMake(240.0, 50.0, 10.0, 250.0); CGRect rect14=CGRectMake(260.0, 50.0, 10.0, 250.0); CGRect rect15=CGRectMake(280.0, 50.0, 10.0, 250.0); CGRect rect16=CGRectMake(30.0, 310.0, 10.0, 250.0); CGRect rect17=CGRectMake(50.0, 310.0, 10.0, 250.0); CGRect rect18=CGRectMake(70.0, 310.0, 10.0, 250.0); CGRect rect19=CGRectMake(90.0, 310.0, 10.0, 250.0); CGRect rect20=CGRectMake(110.0, 310.0, 10.0, 250.0); CGRect rect21=CGRectMake(130.0, 310.0, 10.0, 250.0); CGRect rect22=CGRectMake(150.0, 310.0, 10.0, 250.0); CGRect rect23=CGRectMake(170.0, 310.0, 10.0, 250.0); CGRect rect24=CGRectMake(190.0, 310.0, 10.0, 250.0); CGRect rect25=CGRectMake(210.0, 310.0, 10.0, 250.0); CGRect rect26=CGRectMake(230.0, 310.0, 10.0, 250.0); CGRect rect27=CGRectMake(250.0, 310.0, 10.0, 250.0); CGRect rect28=CGRectMake(270.0, 310.0, 10.0, 250.0); CGRect rect29=CGRectMake(290.0, 310.0, 10.0, 250.0); [[UIColor yellowColor]set]; UIRectFill(rect); [[UIColor greenColor]setFill]; UIRectFill(rect1); [[UIColor redColor]setFill]; UIRectFillUsingBlendMode(rect2, kCGBlendModeClear); UIRectFillUsingBlendMode(rect3, kCGBlendModeColor); UIRectFillUsingBlendMode(rect4, kCGBlendModeColorBurn); UIRectFillUsingBlendMode(rect5, kCGBlendModeColorDodge); UIRectFillUsingBlendMode(rect6, kCGBlendModeCopy); UIRectFillUsingBlendMode(rect7, kCGBlendModeDarken); UIRectFillUsingBlendMode(rect8, kCGBlendModeDestinationAtop); UIRectFillUsingBlendMode(rect9, kCGBlendModeDestinationIn); UIRectFillUsingBlendMode(rect10, kCGBlendModeDestinationOut); UIRectFillUsingBlendMode(rect11, kCGBlendModeDestinationOver); UIRectFillUsingBlendMode(rect12, kCGBlendModeDifference); UIRectFillUsingBlendMode(rect13, kCGBlendModeExclusion); UIRectFillUsingBlendMode(rect14, kCGBlendModeHardLight); UIRectFillUsingBlendMode(rect15, kCGBlendModeHue); UIRectFillUsingBlendMode(rect16, kCGBlendModeLighten); UIRectFillUsingBlendMode(rect17, kCGBlendModeLuminosity); UIRectFillUsingBlendMode(rect18, kCGBlendModeMultiply); UIRectFillUsingBlendMode(rect19, kCGBlendModeNormal); UIRectFillUsingBlendMode(rect20, kCGBlendModeOverlay); UIRectFillUsingBlendMode(rect21, kCGBlendModePlusDarker); UIRectFillUsingBlendMode(rect22, kCGBlendModePlusLighter); UIRectFillUsingBlendMode(rect23, kCGBlendModeSaturation); UIRectFillUsingBlendMode(rect24, kCGBlendModeScreen); UIRectFillUsingBlendMode(rect25, kCGBlendModeSoftLight); UIRectFillUsingBlendMode(rect26, kCGBlendModeSourceAtop); UIRectFillUsingBlendMode(rect27, kCGBlendModeSourceIn); UIRectFillUsingBlendMode(rect28, kCGBlendModeSourceOut); UIRectFillUsingBlendMode(rect29, kCGBlendModeXOR); }

运行效果

　　*填充模式

按必定的自定义样式进行填充，有点相似于贴瓷砖的方式

有颜色填充模式

//填充模式，有颜色填充模式
void drawColoredTile(void *info,CGContextRef context){
    CGContextSetRGBFillColor(context, 254.0/255.0, 52.0/255.0, 90.0/255.0, 1); CGContextFillRect(context, CGRectMake(0, 0, 20, 20)); CGContextSetRGBFillColor(context, 187.0/255.0, 299.0/255.0, 299.0/255.0, 1); CGContextFillRect(context, CGRectMake(20, 20, 20, 20)); } -(void)createBackgroundWithColoredPattern{ //得到图形上下文 CGContextRef context=UIGraphicsGetCurrentContext(); //模式填充颜色空间，注意对于有颜色填充模式，这里传NULL CGColorSpaceRef colorSpace=CGColorSpaceCreatePattern(NULL); //将填充颜色空间设置为模式填充的颜色空间  CGContextSetFillColorSpace(context, colorSpace); //填充模式回调函数结构体 CGPatternCallbacks callback={0,&drawColoredTile,NULL}; /*填充模式 info://传递给callback的参数 bounds:瓷砖大小 matrix:形变 xStep:瓷砖横向间距 yStep:瓷砖纵向间距 tiling:贴砖的方法 isClored:绘制的瓷砖是否已经指定了颜色(对于有颜色瓷砖此处指定位true) callbacks:回调函数 */ CGPatternRef pattern=CGPatternCreate(NULL, CGRectMake(0, 0, 2*20, 2*20), CGAffineTransformIdentity, 2*20, 2*20, kCGPatternTilingNoDistortion, true, &callback); CGFloat alpha=1; //注意最后一个参数对于有颜色瓷砖指定为透明度的参数地址，对于无颜色瓷砖则指定当前颜色空间对应的颜色数组 CGContextSetFillPattern(context, pattern, &alpha); UIRectFill(self.frame); CGColorSpaceRelease(colorSpace); CGPatternRelease(pattern); }

运行效果

无颜色填充模式

//填充模式，无颜色填充
//填充瓷砖的回调函数（必须知足CGPatternCallbacks签名）
void drawTile(void *info,CGContextRef context){
    CGContextFillRect(context, CGRectMake(0, 0, 20, 20)); CGContextFillRect(context, CGRectMake(20, 20, 20, 20)); } -(void)createBackgroundWithPattern{ //得到图形上下文 CGContextRef context=UIGraphicsGetCurrentContext(); //设备无关的颜色空间 CGColorSpaceRef rgbSpace=CGColorSpaceCreateDeviceRGB(); //模式填充颜色空间 CGColorSpaceRef colorSpace=CGColorSpaceCreatePattern(rgbSpace); //将填充颜色空间设置为模式填充颜色空间  CGContextSetFillColorSpace(context, colorSpace); //填充模式回调函数结构体 CGPatternCallbacks callback={0,&drawTile,NULL}; /*填充模式 info://传递给callback的参数 bounds:瓷砖大小 matrix:形变 xStep:瓷砖横向间距 yStep:瓷砖纵向间距 tiling:贴砖的方法（瓷砖摆放的方式） isClored:绘制的瓷砖是否已经指定了颜色（对于无颜色瓷砖此处指定位false） callbacks:回调函数 */ CGPatternRef pattern=CGPatternCreate(NULL, CGRectMake(0, 0, 2*20, 2*20), CGAffineTransformIdentity, 2*20, 2*20, kCGPatternTilingNoDistortion, false, &callback); CGFloat componets[]={254.0/255.0,52.0/255.0,90.0/255.0,1.0}; //注意最后一个参数对于无颜色填充模式指定为当前颜色空间颜色数据  CGContextSetFillPattern(context, pattern, componets); UIRectFill(self.frame); CGColorSpaceRelease(rgbSpace); CGColorSpaceRelease(colorSpace); CGPatternRelease(pattern); }

运行效果

　　*上下文变换

//图形上下文形变
-(void)createTranslate{
    //得到图形上下文
    CGContextRef context=UIGraphicsGetCurrentContext(); //保持初始状态  CGContextSaveGState(context); //形变第一步：图形上下文向右平移100 CGContextTranslateCTM(context, 100, 200); //形变第二步：缩放0.8 CGContextScaleCTM(context, 0.7, -0.7); //形变第三步旋转 CGContextRotateCTM(context, M_PI_4/4); UIImage *img=[UIImage imageNamed:@"🤤.png"]; //使用CoreGraphics绘制图像 //在Core Graphics中坐标系的y轴正方向是向上的，坐标原点在屏幕左下角，y轴方向恰好和UIKit中y轴方向相反。其实图形上下文只要沿着x轴旋转180度，而后向上平移适当的高度便可 CGContextDrawImage(context, CGRectMake(10, 50, 256, 160), img.CGImage); //恢复到初始状态  CGContextRestoreGState(context); }

运行效果

　　*视图刷新

　　在UIView的drawRect:中绘制的图形会在控件显示的时候调用（并且显示时会重绘全部图形），有时会要求绘制内容的显示是实时的，此时就要调用绘图方法从新绘制。刷新绘图内容须要调用setNeedsDisplay方法，不容许开发者直接调用drawRect:方法

　　*其余图形上下文

　　绘制到位图

//利用位图上下文绘制
-(void)createBitmapContext{
    //得到一个位图图形上下文
    CGSize size=CGSizeMake(250, 160);//画布大小
 UIGraphicsBeginImageContext(size); UIImage *img=[UIImage imageNamed:@"🤤.png"]; [img drawInRect:CGRectMake(0, 0, 250, 160)];//注意绘图的位置是相对于布画顶点而言，不是屏幕 //添加水印 CGContextRef context=UIGraphicsGetCurrentContext(); CGContextMoveToPoint(context, 150, 150); CGContextAddLineToPoint(context, 220, 150); [[UIColor cyanColor] setStroke]; CGContextSetLineWidth(context, 2); CGContextDrawPath(context, kCGPathStroke); NSString *str=@"Burning life"; [str drawInRect:CGRectMake(150, 130, 100, 30) withAttributes:@{NSFontAttributeName:[UIFont fontWithName:@"Marker Felt" size:15],NSForegroundColorAttributeName:[UIColor cyanColor]}]; //返回绘制新的图形 UIImage *newImage=UIGraphicsGetImageFromCurrentImageContext(); //关闭对应的上下文  UIGraphicsEndImageContext(); //绘制图片到视图 [newImage drawInRect:CGRectMake((self.frame.size.width-250)/2, (self.frame.size.height-160)/2, 250, 160)]; }

运行效果

　　绘制到PDF

绘制到PDF要启用PDF图形上下文，绘制到内容到PDF时须要建立分页，每页内容的开始都要调用一次UIGraphicsBeginPDFPage()方法

/绘制到pdf，绘制出的pdf能够真机运行后使用iTools到app的Documents文件夹查看
-(void)createContentToPdfContext{ NSString *filePath=[NSHomeDirectory() stringByAppendingString:[NSString stringWithFormat:@"/Documents/%@",@"myPDF.pdf"]]; NSLog(@"%@",filePath); //启用pdf图形上下文 /** path:保存路径 bounds:pdf文档大小，若是设置为CGRectZero则使用默认值：612*792 pageInfo:页面设置,为nil则不设置任何信息 */ UIGraphicsBeginPDFContextToFile(filePath, CGRectZero, [NSDictionary dictionaryWithObjectsAndKeys:@"Vie",kCGPDFContextAuthor, nil]); //因为pdf文档是分页的，因此首先要建立一页画布供咱们绘制  UIGraphicsBeginPDFPage(); NSString *title=@"Welcome to Apple Support"; NSMutableParagraphStyle *style=[[NSMutableParagraphStyle alloc]init]; NSTextAlignment align=NSTextAlignmentCenter; style.alignment=align; [title drawInRect:CGRectMake(26, 20, 300, 50) withAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:18],NSParagraphStyleAttributeName:style}]; NSString *content=@"Learn about Apple products, view online manuals, get the latest downloads, and more. Connect with other Apple users, or get service, support, and professional advice from Apple."; NSMutableParagraphStyle *style2=[[NSMutableParagraphStyle alloc]init]; style2.alignment=NSTextAlignmentLeft; // style2.firstLineHeadIndent=20; [content drawInRect:CGRectMake(26, 56, 300, 255) withAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:15],NSForegroundColorAttributeName:[UIColor grayColor],NSParagraphStyleAttributeName:style2}]; UIImage *image=[UIImage imageNamed:@"🤤.png"]; [image drawInRect:CGRectMake(316, 20, 290, 305)]; UIImage *image2=[UIImage imageNamed:@"🤤.png"]; [image2 drawInRect:CGRectMake(6, 320, 600, 281)]; //建立新的一页继续绘制其余内容  UIGraphicsBeginPDFPage(); UIImage *image3=[UIImage imageNamed:@"🤤.png"]; [image3 drawInRect:CGRectMake(6, 20, 600, 629)]; //结束pdf上下文  UIGraphicsEndPDFContext(); }

 　　*CoreImage

iOS5.0开始提供了CoreImage框架来进行滤镜特效制做

CIContext：图像上下文，用于管理整个图片处理过程，不一样的图形上下文将利用不一样的图像处理硬件进行图像处理（在iOS中能够经过不一样的方式建立图像上下文，例如能够建立基于CPU的图像上下方、建立基于GPU的图像上下方以及建立OpenGL优化过的图像上下文）。

CIFilter：图像处理滤镜，每种滤镜有不一样的参数设置。

CIImage：Core Image框架中的图像类型，主要用于输入和输出图像。

//图像滤镜处理
-(void)showAllFilters{
    #pragma mark 查看全部内置滤镜 NSArray *filterNames=[CIFilter filterNamesInCategory:kCICategoryBuiltIn]; for (NSString *filterName in filterNames) { CIFilter *filter=[CIFilter filterWithName:filterName]; NSLog(@"\rfilter:%@\rattributes:%@",filterName,[filter attributes]); } CIContext *context;//Core Image上下文 CIImage *image;//咱们要编辑的图像 CIImage *outputImage;//处理后的图像 CIFilter *colorControlsFilter;//色彩滤镜 context=[CIContext contextWithOptions:nil];//使用GPU渲染，推荐,但注意GPU的CIContext没法跨应用访问，例如直接在UIImagePickerController的完成方法中调用上下文处理就会自动降级为CPU渲染，因此推荐如今完成方法中保存图像，而后在主程序中调用 //初始化CIImage源图像 image=[CIImage imageWithCGImage:[UIImage imageNamed:@"🤤.png"].CGImage]; //取得滤镜 colorControlsFilter=[CIFilter filterWithName:@"CIColorControls"]; [colorControlsFilter setValue:image forKey:@"inputImage"];//设置滤镜的输入图片 //调整饱和度 [colorControlsFilter setValue:[NSNumber numberWithFloat:0.8] forKey:@"inputSaturation"];//设置滤镜参数 //调整亮度 [colorControlsFilter setValue:[NSNumber numberWithFloat:0.1] forKey:@"inputBrightness"]; //调整对比度 [colorControlsFilter setValue:[NSNumber numberWithFloat:0.8] forKey:@"inputContrast"]; //转换图片 outputImage= [colorControlsFilter outputImage];//取得输出图像 CGImageRef temp=[context createCGImage:outputImage fromRect:[outputImage extent]]; UIImage *outImg=[UIImage imageWithCGImage:temp]; [outImg drawInRect:CGRectMake(0, 0, 250, 160)]; CGImageRelease(temp);//释放CGImage对象 }

运行效果