图形绘制





1.基本图形绘制
* 线段(线宽、线段样式)
* 矩形(空心、实心、颜色)
* 三角形、四边形等形状

1> 说明 - (void)drawRect:(CGRect)rect 什么时候调用、调用次数等
- 当 view 第一次被显示的时候调用(调用一次)
- 或者是重绘事件被触发的时候
- 不要手动去调用这个方法
- 手动调用重绘方法 setNeedsDisplay 或者 setNeedsDisplayInRect:

2> 说明为什么要在 - (void)drawRect:(CGRect)rect 方法中进行绘图
- 只有在这个方法中才能获取当前 View 的绘图上下文

案例:
1> 绘制一根线段
/** 参考代码:
 
 void test1()
 {
     // 1. 获取当前的图形上下文
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     // 2. 在上下文中绘制图形(拼接路径)
     // 2.1 设置一个起点
     CGContextMoveToPoint(ctx, 20, 20);
     // 2.2 添加一条直线到(100, 100)这个点
     CGContextAddLineToPoint(ctx, 100, 20);
    
    
     // 3. 把上下文渲染显示到 HMView01上
    // StrokePath 表示把路径以空心的形式渲染出来。
     CGContextStrokePath(ctx);
 }
 
 */

2> 绘制一个中文"二", 两根线段
/** 参考代码:
 
 void test2()
 {
     // 1. 获取当前的图形上下文
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     // 2. 在上下文中绘制图形(拼接路径)
     // 2.1 设置一个起点
     CGContextMoveToPoint(ctx, 20, 20);
     // 2.2 添加一条直线到(100, 100)这个点
     CGContextAddLineToPoint(ctx, 100, 20);
    
    
     // 2.3 再重新设置一个起点
     CGContextMoveToPoint(ctx, 5, 50);
     // 2.4 再添加一条线
     CGContextAddLineToPoint(ctx, 115, 50);
    
    
     // 3. 把上下文渲染显示到 HMView01上
    // StrokePath 表示把路径以空心的形式渲染出来。
     CGContextStrokePath(ctx);
 }
 
 */

3> 绘制一个"三角形"
/** 参考代码:
 
 void test3()
 {
     // 1. 获取当前的图形上下文
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     // 2. 在上下文中绘制图形(拼接路径)
     // 2.1 设置一个起点
     CGContextMoveToPoint(ctx, 20, 20);
     // 2.2 添加一条直线到(100, 100)这个点
     CGContextAddLineToPoint(ctx, 100, 100);
    
     // 2.3 再添加一条线
     CGContextAddLineToPoint(ctx, 120, 30);
    
     // 2.4 再添加一条线段
     //CGContextAddLineToPoint(ctx, 20, 20);
     // 另外一种做法: 直接关闭路径(连接最后一个点和起点)
     CGContextClosePath(ctx);
    
    
     // 3. 把上下文渲染显示到 HMView01上
     // StrokePath 表示把路径以空心的形式渲染出来。
     CGContextStrokePath(ctx);
 }
 
 */

4> 绘制一个"矩形"。
* 思路1: 可以画4根线来表示一个矩形。
/** 参考代码:
 // 绘制四边形, 这种画法, 只能话"正"的图形, "斜"的需要使用"矩阵"的方式来进行旋转
 void test4()
 {
     // 绘制一个"四边形"
     // 1. 获取当前图形上下文
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     // 2. 开始绘制路径
     CGContextAddRect(ctx, CGRectMake(20, 20, 100, 120));
    
     // 3. 渲染
     CGContextStrokePath(ctx);
 }
 */

5> 绘制一个实心"矩形"
/** 参考代码:
    // 绘制"实心"矩形, 只要把 Stroke 变成 Fill 即可
    void test5()
    {
        // 绘制一个"四边形"
        // 1. 获取当前图形上下文
        CGContextRef ctx = UIGraphicsGetCurrentContext();
       
        // 2. 开始绘制路径
        CGContextAddRect(ctx, CGRectMake(20, 20, 100, 120));
       
        // 3. 渲染
        CGContextFillPath(ctx);
       
    }
 */


6.1> 设置图形的颜色
/** 参考代码:
 
// 设置图形的颜色
void test6()
{
     // 绘制一个"四边形"
     // 1. 获取当前图形上下文
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     // 2. 开始绘制路径
     CGContextAddRect(ctx, CGRectMake(20, 20, 100, 120));
    
    
    
     //============ C 语言的方式设置颜色 =================
    
     CGContextSetRGBFillColor(ctx, 200/255.0, 100/255.0, 50/255.0, 1.0);
     //CGContextSetRGBStrokeColor(<#CGContextRef context#>, <#CGFloat red#>, <#CGFloat green#>, <#CGFloat blue#>, <#CGFloat alpha#>)
    
     //============ C 语言的方式设置颜色 =================
    
    
    
     //============ OC 的方式设置颜色 =================
     // 设置空心图形的线条颜色
     // [[UIColor redColor] setStroke];
    
     // 设置实心图形的填充颜色
     // [[UIColor redColor] setFill];
    
     // 统一设置"空心图形" 和 "实心图形"的颜色
     //[[UIColor redColor] set];
     //============ OC 的方式设置颜色 =================
    
    
    
     // 3. 渲染
     CGContextFillPath(ctx);
}
*/


6.2> 设置不同线段, 不同颜色
/** 参考代码:
 
void test8()
{
    //画两根线, 一根红色, 一根蓝色
    // 1. 获取上下文对象
    CGContextRef ctx = UIGraphicsGetCurrentContext();
   
   
    // 2. 绘制图形
    // 2.1 设置起点
    CGContextMoveToPoint(ctx, 50, 50);
    // 2.2 添加一根线
    CGContextAddLineToPoint(ctx, 50, 150);
   
    // 2.3 设置线段颜色
    [[UIColor redColor] set];
    // 2.4 设置线宽
    CGContextSetLineWidth(ctx, 10);
    // 渲染一次
    CGContextStrokePath(ctx);
   
   
   
   
    // 再移动到一个新的起点
    CGContextMoveToPoint(ctx, 100, 50);
    // 再添加一根线
    CGContextAddLineToPoint(ctx, 100, 150);
    // 设置线的颜色
    [[UIColor blueColor] set];
   
   
    // 3. 渲染"上下文对象"到 view 上
    CGContextStrokePath(ctx);
}
 
 */



7> 设置线段宽度(也可以使用这种方式绘制"实心矩形")
/** 参考代码:
 
// 设置线段宽度
void test7()
{
    // 绘制一个"四边形"
    // 1. 获取当前图形上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
   
    // 2. 开始绘制路径
    CGContextAddRect(ctx, CGRectMake(20, 20, 100, 120));
   
    // 设置空心图形的线条颜色
    // [[UIColor redColor] setStroke];
   
    // 设置实心图形的填充颜色
    // [[UIColor redColor] setFill];
   
    // 统一设置"空心图形" 和 "实心图形"的颜色
    [[UIColor redColor] set];
   
    // 设置线段宽度
    CGContextSetLineWidth(ctx, 20);
   
    // 3. 渲染
    CGContextStrokePath(ctx);
}
*/


* 解释:
1> 拼接路径
/** 参考代码:
 
 // 2. 在上下文中绘制图形(拼接路径)
 // 2.1 设置一个起点
 CGContextMoveToPoint(ctx, 20, 20);
 // 2.2 添加一条直线到(100, 100)这个点
 CGContextAddLineToPoint(ctx, 100, 100);
 
 // 2.3 再添加一条线
 CGContextAddLineToPoint(ctx, 120, 30);
 
 */
2> 设置状态
/** 参考代码:
 
 // 统一设置"空心图形" 和 "实心图形"的颜色
 [[UIColor redColor] set];
 
 // 设置线段宽度
 CGContextSetLineWidth(ctx, 20);
 
 
 */





8> 设置线段"头尾部"的样式
/** 参考代码:
 
 void test9()
 {
     // 1. 获取上下文对象
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     // 2. 绘制路径
     // 2.1 移动到起点
     CGContextMoveToPoint(ctx, 20, 20);
    
     // 2.2 添加一条线段
     CGContextAddLineToPoint(ctx, 100, 100);
    
     // 2.3 设置颜色
     [[UIColor redColor] set];
    
    
     // 2.4 设置线段宽度
     CGContextSetLineWidth(ctx, 15);
    
     // 2.5 设置线段头尾部样式

 //enum CGLineCap {
 //kCGLineCapButt, 默认值
 //kCGLineCapRound, 圆角
 //kCGLineCapSquare 方角
 //};

    CGContextSetLineCap(ctx, kCGLineCapSquare);


    // 3. 渲染
    CGContextStrokePath(ctx);
}
 */

9> 设置转折点样式
/** 参考代码:
 
 void test10()
 {
     // 1. 获取上下文对象
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     // 2. 绘制路径
     // 2.1 移动到起点
     CGContextMoveToPoint(ctx, 20, 20);
    
     // 2.2 添加一条线段
     CGContextAddLineToPoint(ctx, 100, 100);
     // 2.3 再添加一条线段
     CGContextAddLineToPoint(ctx, 150, 50);
    
    
     // 2.3 设置颜色
     [[UIColor redColor] set];
    
    
     // 2.4 设置线段宽度
     CGContextSetLineWidth(ctx, 15);
    
     // 2.5 设置线段头尾部样式
     CGContextSetLineCap(ctx, kCGLineCapRound);
     // 2.6 设置转折点样式
     CGContextSetLineJoin(ctx, kCGLineJoinBevel);
    
    
     // 3. 渲染
     CGContextStrokePath(ctx);
 }

 
 */



* 椭圆\圆
1> 椭圆\圆
/** 参考代码: 思路, 圆其实就是一个在在矩形中的图形。
 // 绘制圆和椭圆
 void test()
 {
     // 1. 获取上下文
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     // 2. 绘制图形
     // 椭圆
     CGContextAddEllipseInRect(ctx, CGRectMake(10, 20, 150, 100));
     // 圆
     CGContextAddEllipseInRect(ctx, CGRectMake(30, 50, 100, 100));
    
     // 3. 渲染
     CGContextStrokePath(ctx);
 }
 */

2> 绘制圆环:
* 思路1: 在画圆的时候, 设置线宽即可。CGContextSetLineWidth(ctx, 20);
* 思路2: 画两个嵌套的圆



3> 画不同的圆弧
* 画上面半个圆弧
* 画下面半个圆弧
* 画右下角的1/4圆弧
* 左侧半圆弧
* 右侧半圆弧
* 左下角的1/4的圆弧
* 画一个圆
/** 参考代码:
 // 画不同的圆弧
 void test2()
 {
     // 1. 获取上下文
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     // 2. 绘制图形
     // 画圆弧
     // ios 系统中坐标系刚好是反的所以指定了1(顺时针)反而效果是"逆时针"。
     //CGContextAddArc(ctx, 100, 100, 50, 0, M_PI, 0);
     //CGContextAddArc(ctx, 100, 100, 50, 0, M_PI * 0.5, 0);
     //CGContextAddArc(ctx, 100, 100, 50, -M_PI_2, M_PI_2, 0);
     // 绘制左下角的1/4的圆弧
     //CGContextAddArc(ctx, 100, 100, 50, M_PI, M_PI_2, 1);
     // 画一个圆
     //CGContextAddArc(ctx, 100, 100, 50, 0, M_PI * 2, 1);
    
     // 3. 渲染
     CGContextStrokePath(ctx);
 }

 */

4> 演示
/** 参考代码:


 - (void)drawRect:(CGRect)rect {
 
     // 1. 获取上下文
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     // 2. 绘制图形
     // 绘制左下角的1/4的圆弧
     CGContextAddArc(ctx, 100, 100, 50, M_PI, M_PI_2, 1);
    
     // 3. 渲染
     CGContextFillPath(ctx);
 }

 */

5> 画一个左下角1/4 的实心圆
/** 参考代码:
 
 - (void)drawRect:(CGRect)rect {
 
     // 1. 获取上下文
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     // 2. 绘制图形
     // 绘制左下角的1/4的圆弧
     CGContextAddArc(ctx, 100, 100, 50, M_PI, M_PI_2, 1);
     // 添加一根线
     CGContextAddLineToPoint(ctx, 100, 100);
     // 关闭路径
     CGContextClosePath(ctx);
    
     // 3. 渲染
     CGContextFillPath(ctx);
 }
 
 */



* 文字绘制(通过OC 来绘制图形)
1> 绘制一段文字(思路: 直接使用 OC 的方法, 无需手动获取上下文对象)
/** 参考代码:
 
 - (void)drawRect:(CGRect)rect {
     NSString *str = @"哈哈, 黑马程序员 iOS学院。";
 
     NSDictionary *attrs = @{
         NSForegroundColorAttributeName : [UIColor redColor],
         NSFontAttributeName : [UIFont systemFontOfSize:20]
     };
 
     [str drawAtPoint:CGPointMake(30, 50) withAttributes:attrs];
 }
 */


2> 绘制一段文字到一个指定的区域
* 思路: 调用字符串的 drawInRect: 方法.
/** 参考代码:
 
 - (void)drawRect:(CGRect)rect {
 
 
     // 1. 绘制文字
     NSString *str = @"哈哈, 黑马程序员 iOS。";
    
     NSDictionary *attrs = @{
     NSForegroundColorAttributeName : [UIColor redColor],
     NSFontAttributeName : [UIFont systemFontOfSize:20]
     };
    
     [str drawInRect:CGRectMake(20, 20, 50, 250) withAttributes:attrs];
    
    
    
     // 1. 获取上下文
     CGContextRef ctx = UIGraphicsGetCurrentContext();
     // 2. 把矩形画出来
     CGContextAddRect(ctx,CGRectMake(20, 20, 50, 250));
    
     // 3. 渲染
     CGContextStrokePath(ctx);
 }
 
 */






* 图片绘制(通过OC 来绘制图形)
1> 绘制一张图片到 UIView 上。
* 思路: 通过 OC 的方法来实现。
/** 参考代码:
 - (void)drawRect:(CGRect)rect {
     // 1. 获取图片
     UIImage *img = [UIImage imageNamed:@"dst2"];
     // 2. 把图片画到当前的 view中
     [img drawAtPoint:CGPointMake(0, 0)];
 }
 */

2. 在指定的矩形中绘制图片(会自动拉伸)
/** 参考代码:
 - (void)drawRect:(CGRect)rect {
 
     // 1. 获取图片
     UIImage *img = [UIImage imageNamed:@"dst2"];
     // 2. 把图片画到当前的 view中
     [img drawInRect:CGRectMake(0, 0, 150, 150)];
 
 }
 */


3. 画格子花纹效果((pattern)), 思路: 调用drawAsPatternInRect:方法
/** 参考代码:
 - (void)drawRect:(CGRect)rect {
     // 1. 获取图片
     UIImage *img = [UIImage imageNamed:@"abc"];
 
     // 2. 把图片画到当前的 view中
     [img drawAsPatternInRect:self.bounds];
 
     // 3. 在右下角显示文字
     NSString *str = @"@传智播客 ios 学院";
     NSDictionary *attrs = @{
     NSForegroundColorAttributeName : [UIColor redColor],
     NSFontAttributeName : [UIFont systemFontOfSize:20]
     };
    
     [ str drawInRect:CGRectMake(0, 100, 200, 30) withAttributes:attrs];
 }
 */






* 在指定的区域画一张图片, 然后再在指定的区域画一些文字(水印)
/** 参考代码:
 
 - (void)drawRect:(CGRect)rect {
 // Drawing code
 
 // 在指定的区域内画一张图片
 UIImage *img = [UIImage imageNamed:@"dst2"];
 [img drawInRect:self.bounds];
 
 
 // 在指定的区域画一些文字
 NSString *str = @"传智播客 iOS 学院。";
 [str drawInRect:CGRectMake(10, 400, 200, 30) withAttributes:nil];
 
 }
 */







2.练习(画人)
1> 设置控制器 view 为自定义 view
2> 先画黄色背景图片
* 上半个圆弧
* 左侧的竖线
* 下半个圆弧
* 关闭路径
3> 画嘴巴

4> 画眼镜的绑带
5> 画左侧眼镜框
6> 左侧眼镜框中的白色圈




* 图形上下文栈
1> 画两根线, 设置线的颜色、宽度、头尾的样式 LineCap
2> 要求, 第二根线不具有第一根线的样式。
3> 解决, 在画第一根线之前先保存"绘图上下文栈", 在画第二根线的时候再恢复绘图上下文栈
CGContextSaveGState(ctx);// 保存ctx这个绘图上下文对象
CGContextRestoreGState(ctx); // 恢复 ctx这个图形上下文



* 矩阵操作
1> 整体旋转、整体缩放
* 思路: 随便在一个 UIView 上画一些图形(线段、矩形、圆等)
/** 参考代码:
 
 - (void)drawRect:(CGRect)rect {
     // Drawing code
     // 1. 获取上下文
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     //======================= 矩阵操作 ============================
     // 1.1 旋转
     CGContextRotateCTM(ctx, M_PI_4 * 0.5);
     // 1.2 缩放
     CGContextScaleCTM(ctx, 0.5, 0.5);
     //======================= 矩阵操作 ============================
    
     // 2. 绘制一些图形
     CGContextMoveToPoint(ctx, 10, 10);
     CGContextAddLineToPoint(ctx, 100, 100);
     CGContextAddEllipseInRect(ctx, CGRectMake(130, 150, 100, 100));
     CGContextAddRect(ctx, CGRectMake(70, 90, 100, 80));
    
    
     // 3. 渲染
     CGContextStrokePath(ctx);
 
 }
 
 */



2> 最后画的那个图形不要矩阵操作
* 思路: 在绘制任何图形前保存上下文, 在绘制最后一个图形前恢复上下文
/** 参考代码:
 - (void)drawRect:(CGRect)rect {
     // Drawing code
     // 1. 获取上下文
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     // 保存上下文
     CGContextSaveGState(ctx);
    
     //======================= 矩阵操作 ============================
     // 1.1 旋转
     CGContextRotateCTM(ctx, M_PI_4 * 0.5);
     // 1.2 缩放
     CGContextScaleCTM(ctx, 0.5, 0.5);
     //======================= 矩阵操作 ============================
    
     // 2. 绘制一些图形
     CGContextMoveToPoint(ctx, 10, 10);
     CGContextAddLineToPoint(ctx, 100, 100);
     CGContextAddEllipseInRect(ctx, CGRectMake(130, 150, 100, 100));
    
    
     // 恢复上下文
     CGContextRestoreGState(ctx);
    
     CGContextAddRect(ctx, CGRectMake(70, 90, 100, 80));
    
    
     // 3. 渲染
     CGContextStrokePath(ctx);
 
 }
 
 */

* 图片裁剪
1> 把一个图片裁剪成圆形
** 思路:
- 在 UIView 上绘制一个25 * 25的圆
- 裁剪上下文
— 加载图片, 把图片绘制到 "上下文" 上, 就自动实现了裁剪了

/** 参考代码:
 
 - (void)drawRect:(CGRect)rect {
     // Drawing code
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     // 1. 画圆,这里最好使用 Ellipse 来绘制圆(画圆和画图片都从0,0点开始)。
     CGContextAddArc(ctx, 100, 100, 90, 0, M_PI * 2, 1);
    
     // 2. 裁剪上下文, 注意裁剪完毕就只能在裁剪好的区域内画东西了, 超出的地方无法绘制图形。
     CGContextClip(ctx);
    
     // 3. 把图片绘制上去
     UIImage *img = [UIImage imageNamed:@"dst2"];
     [img drawAtPoint:CGPointMake(0, 0)];
 }
 
 */


* 重绘案例: 调整 slider 滑动条, 同时改变圆的大小
1> 思路: 让绘制圆时, 半径随着 slider 的变化而变化
* setNeedsDisplay 方法会把之前的内容都清除掉, 然后再重绘。
* setNeedsDisplayInRect:<#(CGRect)#>局部刷新
/** 参考代码:
 
 - (void)setRadius:(CGFloat)radius
 {
     _radius = radius;
     [self setNeedsDisplay];
 }
 

 - (void)drawRect:(CGRect)rect {
     // Drawing code
     CGContextRef ctx = UIGraphicsGetCurrentContext();
    
     CGContextAddArc(ctx, 100, 100, self.radius, 0, M_PI * 2, 1);
    
     CGContextFillPath(ctx);
 
 }
 
 */

2> "下雪"案例
* 思路:
1> 首先绘制一个雪花图片
2> 添加一个属性用来设置雪花的 y 值, 在 drawRect方法中每次修改 y 值
3> 在 awakeFromNib 方法中, 启动定时器, 定时调用 setNeedsDisplay方法
/** 参考代码:
 
 - (void)awakeFromNib
 {
     NSTimer *timer = [NSTimer scheduledTimerWithTimeInterval:0.2 target:self selector:@selector(setNeedsDisplay) userInfo:nil repeats:YES];
 
 // 默认一秒钟60次
 CADisplayLink *disLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(setNeedsDisplay)];
 [disLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
 
 
 }
 
- (void)setRadius:(CGFloat)radius
 {
     _radius = radius;
     [self setNeedsDisplay];
 }
 - (void)drawRect:(CGRect)rect {
 
     self.snowY += 10;
    
     if (self.snowY >= self.frame.size.height) {
     self.snowY = -100;
     }
    
     // Drawing code
     UIImage *imgSnow = [UIImage imageNamed:@"snow"];
     [imgSnow drawAtPoint:CGPointMake(50, self.snowY)];
 
 }
 
 
 */


3.模仿UIImageView
* 思路:
1> 演示 UIImageView 的基本用法
2> 自定义一个类继承自 UIView, 添加一个 image 属性

/** 参考代码:
 // 1. 控制器
 - (void)viewDidLoad {
 [super viewDidLoad];
 // Do any additional setup after loading the view, typically from a nib.
 MyImageView *imgView =[[MyImageView alloc] init];
 imgView.image = [UIImage imageNamed:@"dst2"];
 imgView.frame = CGRectMake(30, 30, 100, 100);
 [self.view addSubview:imgView];
 
 self.myImgView = imgView;
 
 }
 
 - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
 {
 self.myImgView.image = [UIImage imageNamed:@"snow"];
 }

 
 
 // 2. 自定义 view
 - (void)setImage:(UIImage *)image
 {
 _image = image;
 [self setNeedsDisplay];
 }
 
 // Only override drawRect: if you perform custom drawing.
 // An empty implementation adversely affects performance during animation.
 - (void)drawRect:(CGRect)rect {
 // Drawing code
 [self.image drawAtPoint:CGPointZero];
 }

 
 
 */

* 作业: 让 UITextView 具有 PlaceHolder 功能。

* 图片水印 (产生一张真的图片, 实现图片的合成)
* 在一张图片上, 再绘制一张图片
思路:
0> 读取要打水印的图片

1> 手动创建一个机遇位图的"上下文", 根据原图设置上下文的大小(开启一个新的位图上下文)
UIGraphicsBeginImageContextWithOptions(imgOriginal.size, NO, 0.0);

2> 把原图画到整个上下文中

3> 加载水印图片, 把水印图片画到指定的矩形中

4> 从上下文种获取绘制到的图片
UIGraphicsGetImageFromCurrentImageContext();

5> 把图片设置给图片框

6> 保存图片
- 获取图片对应的二进制数据
NSData *imgData = UIImagePNGRepresentation(finalImg);

- 保存二进制数据
[imgData writeToFile:fileName atomically:YES];

/** 参考代码:
 
 // 1.
 UIImage *imgOriginal = [UIImage imageNamed:@"dst2"];
 
 
 // 2.
 //使用UIGraphicsBeginImageContextWithOptions方法更清晰
 // 这行代码执行完毕后就会创建一个新的 UIImage 对象(空的)
 UIGraphicsBeginImageContextWithOptions( imgOriginal.size, NO, 0.0);
 
 
 
 // 画原图
 [imgOriginal drawInRect:CGRectMake(0, 0, imgOriginal.size.width, imgOriginal.size.height)];
 // 画水印图片
 UIImage *watermarkImg = [UIImage imageNamed:@"logo"];
 CGFloat w = watermarkImg.size.width * 1.0;
 CGFloat h = watermarkImg.size.height * 1.0;
 CGFloat x = imgOriginal.size.width - w - 50;
 CGFloat y = imgOriginal.size.height - h - 50;
 [watermarkImg drawInRect:CGRectMake(x, y, w, h)];
 
 
 // 从上下文种获取绘制到的图片
 UIImage *finalImg = UIGraphicsGetImageFromCurrentImageContext();
 
 // 结束一个上下文
 UIGraphicsEndImageContext();
 
 self.imgView.image = finalImg;
 
 // 把图片保存
 // 1. 获取二进制数据
 //UIImageJPEGRepresentation(<#UIImage *image#>, 0~1的取值。1表示质量最好)
 NSData *imgData = UIImagePNGRepresentation(finalImg);
 
 // 2. 保存
 NSString *docPath = [NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) lastObject];
 NSLog(@"%@", docPath);
 NSString *fileName = [docPath stringByAppendingPathComponent:@"aa.png"];
 [imgData writeToFile:fileName atomically:YES];
 
 */


* 把添加水印的方法封装到 UIImage的分类方法中



7.条纹背景

8.截图</pre>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值