记录一次Quartz2D学习(五)
(四)内主要讲了绘制状态的保存与恢复
本次主要讲述 缩放,旋转,平移等操作
5.附加操作
5.1 旋转
TIP: 旋转操作主要是对本次渲染的图层进行旋转,旋转的中心为左上角顶点
- (void)drawRect:(CGRect)rect {
//获取上下文
CGContextRef ctx = UIGraphicsGetCurrentContext();
//设置线条的宽度
CGContextSetLineWidth(ctx, 10);
//保存绘制的状态
CGContextSaveGState(ctx);
//设置线条的颜色
[[UIColor yellowColor] set];
//旋转,需要提前到开始绘制之前进行旋转
CGContextRotateCTM(ctx, M_PI_4);
//移动起始点到
CGContextMoveToPoint(ctx, 100, 100);
//添加线条
CGContextAddLineToPoint(ctx, 150, 150);
//渲染
CGContextStrokePath(ctx);
}
旋转之前的状态
旋转之后的状态:
5.2 缩放操作
TIP: 缩放操作分为对图层进行放大与对绘制部分放大两种
- (void)drawRect:(CGRect)rect {
//获取上下文
CGContextRef ctx = UIGraphicsGetCurrentContext();
//设置线条的宽度
CGContextSetLineWidth(ctx, 10);
//保存绘制的状态
CGContextSaveGState(ctx);
//缩放 ,,, 设置在此处的时候 会对整个图层进行方法
CGContextScaleCTM(ctx, 2, 1);
//设置线条的颜色
[[UIColor yellowColor] set];
//移动起始点到
CGContextMoveToPoint(ctx, 100, 100);
//添加线条
CGContextAddLineToPoint(ctx, 150, 150);
// //缩放 ,,, 设置在此处的时候,则会对绘制的部分进行放大
// CGContextScaleCTM(ctx, 2, 1);
//渲染
CGContextStrokePath(ctx);
}
对图层进行放大
对绘制部分的放大
5.3 平移操作
- (void)drawRect:(CGRect)rect {
//获取上下文
CGContextRef ctx = UIGraphicsGetCurrentContext();
//设置线条的宽度
CGContextSetLineWidth(ctx, 10);
//保存绘制的状态
CGContextSaveGState(ctx);
//移动,是对图层的移动
CGContextTranslateCTM(ctx, -100, -100);
//设置线条的颜色
[[UIColor yellowColor] set];
//移动起始点到
CGContextMoveToPoint(ctx, 100, 100);
//添加线条
CGContextAddLineToPoint(ctx, 150, 150);
//移动, 猜测可能是对绘制部分的移动
// CGContextTranslateCTM(ctx, 50, 50);
//渲染
CGContextStrokePath(ctx);
}