码迷,mamicode.com
首页 > 移动开发 > 详细

【iOS】Quartz2D图片剪切

时间:2014-12-23 19:15:08      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:

一、使用Quartz2D完成图片剪切
1.把图片显示在自定义的view中
  先把图片绘制到view上。按照原始大小,把图片绘制到一个点上。
  代码:

技术分享
1 - (void)drawRect:(CGRect)rect
2 {
3     UIImage *image2=[UIImage imageNamed:@"me"];
4     [image2 drawAtPoint:CGPointMake(100, 100)];
5 }
View Code

显示:

技术分享

2.剪切图片让图片圆形展示
  思路:先画一个圆,让图片显示在圆的内部,超出的部分不显示。

技术分享      技术分享
注意:显示的范围只限于指定的剪切范围,无论往上下文中绘制什么东西,只要超出了这个范围的都不会显示。
代码:
技术分享
- (void)drawRect:(CGRect)rect
{
    //画圆,以便以后指定可以显示图片的范围
    //获取图形上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 50, 50));
    
    //指定上下文中可以显示内容的范围就是圆的范围
    CGContextClip(ctx);
    UIImage *image2=[UIImage imageNamed:@"me"];
    [image2 drawAtPoint:CGPointMake(100, 100)];
}
View Code
显示:
 技术分享

iOS开发UI篇—Quartz2D使用(图片剪切)

iOS开发UI篇—Quartz2D使用(图片剪切)

一、使用Quartz2D完成图片剪切
1.把图片显示在自定义的view中
先把图片绘制到view上。按照原始大小,把图片绘制到一个点上。
代码:
1 - (void)drawRect:(CGRect)rect
2 {
3     UIImage *image2=[UIImage imageNamed:@"me"];
4     [image2 drawAtPoint:CGPointMake(100, 100)];
5 }

显示:

技术分享

2.剪切图片让图片圆形展示
思路:先画一个圆,让图片显示在圆的内部,超出的部分不显示。
技术分享      技术分享
注意:显示的范围只限于指定的剪切范围,无论往上下文中绘制什么东西,只要超出了这个范围的都不会显示。
代码:
按 Ctrl+C 复制代码
按 Ctrl+C 复制代码
显示:
 技术分享
3.剪切图片让图片三角形展示

  代码:

技术分享
 1 - (void)drawRect:(CGRect)rect
 2 {
 3 
 4     //画三角形,以便以后指定可以显示图片的范围
 5     //获取图形上下文
 6     CGContextRef ctx=UIGraphicsGetCurrentContext();
 7 //    CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 50, 50));
 8     CGContextMoveToPoint(ctx, 100, 100);
 9     CGContextAddLineToPoint(ctx, 60, 150);
10      CGContextAddLineToPoint(ctx, 140, 150);
11     CGContextClosePath(ctx);
12     
13     
14     //注意:指定范围(也就是指定剪切的方法一定要在绘制范围之前进行调用)
15     //指定上下文中可以显示内容的范围就是圆的范围
16     CGContextClip(ctx);
17     UIImage *image2=[UIImage imageNamed:@"me"];
18     [image2 drawAtPoint:CGPointMake(100, 100)];
19 }
View Code

显示:

    技术分享

 

【iOS】Quartz2D图片剪切

标签:

原文地址:http://www.cnblogs.com/surge/p/4180650.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!