博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【iOS】Quartz2D图片剪切
阅读量:5125 次
发布时间:2019-06-13

本文共 1715 字,大约阅读时间需要 5 分钟。

一、使用Quartz2D完成图片剪切

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

1 - (void)drawRect:(CGRect)rect2 {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使用(图片剪切)

一、使用Quartz2D完成图片剪切
1.把图片显示在自定义的view中
先把图片绘制到view上。按照原始大小,把图片绘制到一个点上。
代码:
1 - (void)drawRect:(CGRect)rect2 {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

显示:

    

 

转载于:https://www.cnblogs.com/surge/p/4180650.html

你可能感兴趣的文章
Eclipse相关集锦
查看>>
虚拟化架构中小型机构通用虚拟化架构
查看>>
继承条款effecitve c++ 条款41-45
查看>>
Java泛型的基本使用
查看>>
1076 Wifi密码 (15 分)
查看>>
noip模拟赛 党
查看>>
bzoj2038 [2009国家集训队]小Z的袜子(hose)
查看>>
Java反射机制及其Class类浅析
查看>>
Postman-----如何导入和导出
查看>>
移动设备显示尺寸大全 CSS3媒体查询
查看>>
图片等比例缩放及图片上下剧中
查看>>
【转载】Linux screen 命令详解
查看>>
background-clip,background-origin
查看>>
Android 高级UI设计笔记12:ImageSwitcher图片切换器
查看>>
【Linux】ping命令详解
查看>>
对团队成员公开感谢博客
查看>>
java学习第三天
查看>>
python目录
查看>>
django+uwsgi+nginx+sqlite3部署+screen
查看>>
Andriod小型管理系统(Activity,SQLite库操作,ListView操作)(源代码下载)
查看>>