iOS开发UI篇—Quartz2D使用(图片剪切)
来源:互联网 发布:麒麟 高通835 知乎 编辑:程序博客网 时间:2024/05/22 05:09
一、使用Quartz2D完成图片剪切
1.把图片显示在自定义的view中
先把图片绘制到view上。按照原始大小,把图片绘制到一个点上。
代码:
- (void)drawRect:(CGRect)rect { UIImage *image2=[UIImage imageNamed:@"me"]; [image2 drawAtPoint:CGPointMake(100, 100)]; }
显示:
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)];}显示:
3.剪切图片让图片三角形展示
代码:
- (void)drawRect:(CGRect)rect{ //画三角形,以便以后指定可以显示图片的范围 //获取图形上下文 CGContextRef ctx=UIGraphicsGetCurrentContext();// CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 50, 50)); CGContextMoveToPoint(ctx, 100, 100); CGContextAddLineToPoint(ctx, 60, 150); CGContextAddLineToPoint(ctx, 140, 150); CGContextClosePath(ctx); //注意:指定范围(也就是指定剪切的方法一定要在绘制范围之前进行调用) //指定上下文中可以显示内容的范围就是圆的范围 CGContextClip(ctx); UIImage *image2=[UIImage imageNamed:@"me"]; [image2 drawAtPoint:CGPointMake(100, 100)];}显示:
0 0
- iOS开发UI篇—Quartz2D使用(图片剪切)
- iOS开发UI篇—Quartz2D使用(图片剪切)
- iOS开发UI篇—Quartz2D使用(图片剪切)
- iOS开发UI高级—23Quartz2D使用(图片剪切)
- iOS开发UI篇—Quartz2D使用(把图片绘制到Bitmap上>输出图片)
- Quartz2D使用(图片剪切)
- iOS开发UI篇—Quartz2D使用(矩阵操作)
- iOS开发UI篇—Quartz2D使用(绘图路径)
- iOS开发UI篇—Quartz2D使用(截屏)
- iOS开发UI篇—Quartz2D简单使用(三)
- iOS开发UI篇—Quartz2D简单使用(一)
- iOS开发UI篇—Quartz2D使用(矩阵操作)
- iOS开发UI篇—Quartz2D简单使用(三)
- iOS开发UI篇—Quartz2D使用(绘图路径)
- iOS开发UI篇—Quartz2D使用(截屏)
- iOS开发UI篇—Quartz2D简单使用(一)
- iOS开发UI篇—Quartz2D使用(矩阵操作)
- iOS开发UI篇—Quartz2D简单使用(三)
- Android图片旋转,缩放,位移,倾斜,对称完整示例(一)——imageView.setImageMatrix(matrix)和Matrix
- ListView或GridView 顶部间距
- springmvc +uploadify 3.2.1 上传文件
- Git 菜鸟变大神 (一) 本地仓库的创建和初始化
- 关于营销自动化,30个惊人的事实
- iOS开发UI篇—Quartz2D使用(图片剪切)
- 今天又学习了一个解决乱码的方法
- 如何在Mac上用Ruby封装C/C++接口
- 如何让android开机后自动运行自己的程序
- ViewController 的声明周期
- missing separator 的解决方法
- Unity 音乐播放全局类
- 2015沈阳赛区总结 与 简单题题解
- java多线程学习-java.util.concurrent详解(一) Latch/Barrier