码迷,mamicode.com
首页 > 其他好文 > 详细

Quartz2D (5)旋转,缩放,平移

时间:2016-05-12 20:40:08      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:

- (void)drawRect:(CGRect)rect
 2 {
 3     //画四边形
 4     //获取图形上下文
 5     CGContextRef ctx=UIGraphicsGetCurrentContext();
 6     //矩阵操作
 7     //注意点:设置矩阵操作必须要在添加绘图信息之前
 8     //旋转45度
 9     CGContextRotateCTM(ctx, M_PI_4);
10     
11     //绘图
12     CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100));
13     //渲染
14     CGContextStrokePath(ctx);
15 }
技术分享
  效果:
技术分享

关于旋转
1.旋转演示

view之所以能够显示视图,是因为它的上面有layer,将来图形也是渲染到layer上面。
且,旋转的时候是整个layer都旋转了,可以再画一个圆进行验证。
代码1(未旋转):
技术分享
 1 - (void)drawRect:(CGRect)rect
 2 {
 3     //获取图形上下文
 4     CGContextRef ctx=UIGraphicsGetCurrentContext();
 5     //矩阵操作
 6     //注意点:设置矩阵操作必须要在添加绘图信息之前
 7     //旋转45度
 8     //    CGContextRotateCTM(ctx, M_PI_4);
 9     
10     //绘图
11     //画四边形
12     CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100));
13     //画一个圆
14     CGContextAddEllipseInRect(ctx, CGRectMake(200, 200, 50, 50));
15     //渲染
16     CGContextStrokePath(ctx);
17 }
技术分享
 效果:
技术分享

- (void)drawRect:(CGRect)rect
 2 {
 3     //获取图形上下文
 4     CGContextRef ctx=UIGraphicsGetCurrentContext();
 5     //矩阵操作
 6     //注意点:设置矩阵操作必须要在添加绘图信息之前
 7     //旋转45度
 8     CGContextRotateCTM(ctx, M_PI_4);
 9     
10     //绘图
11     //画四边形
12     CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100));
13     //画一个圆
14     CGContextAddEllipseInRect(ctx, CGRectMake(200, 200, 50, 50));
15     //渲染
16     CGContextStrokePath(ctx);
17 }
技术分享

效果:

技术分享


缩放
方法:CGContextScaleCTM(<#CGContextRef c#>, <#CGFloat sx#>, <#CGFloat sy#>)
该方法接收三个参数(图形上下文,x方向的缩放比例,y方向上的缩放比例
代码示例:
技术分享
 1 - (void)drawRect:(CGRect)rect
 2 {
 3     //获取图形上下文
 4     CGContextRef ctx=UIGraphicsGetCurrentContext();
 5     //矩阵操作
 6     //注意点:设置矩阵操作必须要在添加绘图信息之前
 7     //缩放,x方向缩放0.5倍,y方向缩放1.5倍
 8     CGContextScaleCTM(ctx, 0.5, 1.5);
 9     
10     //绘图
11     //画四边形
12     CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100));
13     //画一个圆
14     CGContextAddEllipseInRect(ctx, CGRectMake(200, 200, 50, 50));
15     //渲染
16     CGContextStrokePath(ctx);
17 }
技术分享

 效果:

技术分享

四、平移
方法: CGContextTranslateCTM(<#CGContextRef c#>, <#CGFloat tx#>, <#CGFloat ty#>)
该方法接收三个参数(图形上下文,x方向的偏移量,y方向上的偏移量)   
代码示例:
技术分享
 1 - (void)drawRect:(CGRect)rect
 2 {
 3     //获取图形上下文
 4     CGContextRef ctx=UIGraphicsGetCurrentContext();
 5     //矩阵操作
 6     //注意点:设置矩阵操作必须要在添加绘图信息之前
 7     //平移,x方向移动50,y方向移动100
 8     CGContextTranslateCTM(ctx, 50, 100);
 9     
10     //绘图
11     //画四边形
12     CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100));
13     //画一个圆
14     CGContextAddEllipseInRect(ctx, CGRectMake(200, 200, 50, 50));
15     //渲染
16     CGContextStrokePath(ctx);
17 }
技术分享

效果:

技术分享



Quartz2D (5)旋转,缩放,平移

标签:

原文地址:http://blog.csdn.net/sinat_34245894/article/details/51353474

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