Quartz 2D在ios中的使用简述一：坐标体系

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

Quartz 2D是一个二维图形绘制引擎，支持iOS环境和Mac OS X环境，官方文档：Quartz 2D Programming Guide。

一、坐标体系

这样的坐标体系就导致我们使用Quartz 2D画的图是倒转的，我们要做以下处理才能得到我们想要的图片效果：

1.画布延Y轴下移height

2.对Y轴做垂直翻转

这2个步骤的代码为：

CGContextTranslateCTM(context, , height);
CGContextScaleCTM(context, 1.0, -1.0);

测试代码为：

//代码1
- (void)drawRect:(CGRect)rect {
CGContextRef context=UIGraphicsGetCurrentContext();
CGContextSetRGBFillColor(context, , , , );
CGContextFillRect(context, CGRectMake(, , , ));
NSString *text=@"文字";
UIFont *font=[UIFont systemFontOfSize:];
[text drawAtPoint:CGPointMake(, ) withAttributes:font.fontDescriptor.fontAttributes];
UIImage *img=[UIImage imageNamed:@"gg.jpg"];
[img drawInRect:CGRectMake(, , , )];
}

//代码2
-(id)initWithFrame:(CGRect)frame
{
if (self=[super initWithFrame:frame]) { [self setBackgroundColor:[UIColor redColor]];
UIImageView *imgview=[[UIImageView alloc] initWithFrame:self.bounds]; CGColorSpaceRef colorSpace=CGColorSpaceCreateDeviceRGB();
float width=self.bounds.size.width;
float height=self.bounds.size.height;
//256=10000000
int bitsPerComponent=;
//RGBA*8*width
int bytesPerRow=**width;
CGContextRef context=CGBitmapContextCreate(NULL, width, height, bitsPerComponent, bytesPerRow, colorSpace, kCGImageAlphaPremultipliedLast|kCGBitmapByteOrderDefault);
//翻转画布
CGContextTranslateCTM(context, , height);
CGContextScaleCTM(context, 1.0, -1.0);
UIGraphicsPushContext(context); //画布透明
//CGContextFillRect(context, self.bounds);
CGContextSetRGBFillColor(context, , , , );
CGContextSetRGBStrokeColor(context, , , , );
CGContextFillRect(context, CGRectMake(, , , ));
NSString *text=@"文字";
UIFont *font=[UIFont systemFontOfSize:];
[text drawAtPoint:CGPointMake(, ) withAttributes:font.fontDescriptor.fontAttributes];
UIImage *img=[UIImage imageNamed:@"gg.jpg"];
[img drawInRect:CGRectMake(, , , )]; CGImageRef cgimg = CGBitmapContextCreateImage(context);
UIImage *resultImg = [UIImage imageWithCGImage:cgimg]; CGContextRelease(context);
CGColorSpaceRelease(colorSpace);
CGImageRelease(cgimg); imgview.image=resultImg;
[self addSubview:imgview]; }
return self;
}