博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
猫猫学IOS(三十二)UI之Quartz2D矩阵操作和图片剪切
阅读量:7143 次
发布时间:2019-06-28

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

猫猫分享,必须精品

原创文章,欢迎转载。转载请注明:翟乃玉的博客

地址:

矩阵操作

矩阵操作:(旋转,缩放,平移)

通过矩阵操作,把画出来的东西进行形变

旋转操作

方法:CGContextRotateCTM(<#CGContextRef c#>, <#CGFloat angle#>)该接受两个参数(图形上下文,弧度)

注意点:设置矩阵操作必须要在添加图形之前,如果设置在添加图形之后的话,此时它已经画完了,无效。

效果:

这里写图片描述
代码:

- (void)drawRect:(CGRect)rect{    //画四边形    //获取图形上下文    CGContextRef ctx=UIGraphicsGetCurrentContext();    //矩阵操作    //注意点:设置矩阵操作必须要在添加绘图信息之前    //旋转22.5度    CGContextRotateCTM(ctx, M_PI_4*0.5);    //绘图    CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100));    //渲染    CGContextStrokePath(ctx);}

view之所以能够显示视图,是因为它的上面有layer,将来图形也是渲染到layer上面。

也就是说:
旋转的时候,是整个layer都旋转了。
如图:
这里写图片描述
大家可以自己多试试,画两个图片,然后让他旋转,就可以得到他的圆心在哪里了,这样的小东东我就不废话了。

缩放

方法:CGContextScaleCTM(<#CGContextRef c#>, <#CGFloat sx#>, <#CGFloat sy#>)

该方法接收三个参数(图形上下文,x方向的缩放比例,y方向上的缩放比例)
效果:
这里写图片描述

代码:

- (void)drawRect:(CGRect)rect{    //获取图形上下文    CGContextRef ctx=UIGraphicsGetCurrentContext();    //矩阵操作    //注意点:设置矩阵操作必须要在添加绘图信息之前    //缩放,x方向缩放0.4倍,y方向缩放2.0倍    CGContextScaleCTM(ctx, 0.4, 2.0);    //绘图    //画四边形    CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100));    //画一个圆    CGContextAddEllipseInRect(ctx, CGRectMake(20, 120, 50, 50));    //渲染    CGContextStrokePath(ctx);}

根据代码,我们画的是正圆和正方形,但是缩放后成为图效果。

平移

方法: CGContextTranslateCTM(<#CGContextRef c#>, <#CGFloat tx#>, <#CGFloat ty#>)

该方法接收三个参数(图形上下文,x方向的偏移量,y方向上的偏移量)

效果:

这里写图片描述

- (void)drawRect:(CGRect)rect{    //获取图形上下文    CGContextRef ctx=UIGraphicsGetCurrentContext();    //矩阵操作    //注意点:设置矩阵操作必须要在添加绘图信息之前    //平移,x方向移动10,y方向移动150    CGContextTranslateCTM(ctx, 10, 150);    //绘图    //画四边形    CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100));    //画一个圆    CGContextAddEllipseInRect(ctx, CGRectMake(20, 120, 50, 50));    //渲染    CGContextStrokePath(ctx);}

图片剪切

首先还是我们最爱的猫猫

这里写图片描述

我要让他变成圆的,代码这样写,ok了就。

- (void)drawRect:(CGRect)rect{    //画圆,以便以后指定可以显示图片的范围    //获取图形上下文    CGContextRef ctx=UIGraphicsGetCurrentContext();    CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 100, 100));    //指定上下文中可以显示内容的范围就是圆的范围    CGContextClip(ctx);    UIImage *image2=[UIImage imageNamed:@"cat"];    [image2 drawAtPoint:CGPointMake(100, 100)];}

这里写图片描述

给图片加水印就不说了,其实就是写文字写图片,开源框架也一堆堆的,猫猫就不卖弄了。

转载于:https://www.cnblogs.com/znycat/p/4521019.html

你可能感兴趣的文章
VM with share disk configuration
查看>>
解决:Loading kernel module CAP_SYS_MODULE CAP_NET_ADMIN alias netdev-eth0 instead
查看>>
千千静听安卓版是百度音乐旗下一款手机音乐软件,集本地歌曲播放
查看>>
OPC UA 统一架构学习3
查看>>
jms简介和原理
查看>>
理解并取证:SSH远程管理协议的工作原理
查看>>
centos apache搭建https
查看>>
QQ开放狮子下山 主动的华丽转身
查看>>
oracle 常用查询
查看>>
QT常用类
查看>>
十一,异常的捕获与处理
查看>>
我的友情链接
查看>>
PHP cURL下载/导出文件
查看>>
java之ArrayList集合
查看>>
系统集成项目管理工程师2011年下半年试题
查看>>
我的友情链接
查看>>
wav2letter-基于深度学习的语音识别
查看>>
二、数据类型
查看>>
多节点CDN缓存加速系统wdcdn2.2版本发布(20111115)
查看>>
Java class.forname()和newinstance
查看>>