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

浏览数：24 / 时间：2015年06月11日

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

一、坐标体系

技术分享

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

1.画布延Y轴下移height

技术分享

2.对Y轴做垂直翻转

技术分享

这2个步骤的代码为：

1  CGContextTranslateCTM(context, 0, height);
2  CGContextScaleCTM(context, 1.0, -1.0);

测试代码为：

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

//代码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=8;
        //RGBA*8*width
        int bytesPerRow=4*8*width;
        CGContextRef context=CGBitmapContextCreate(NULL, width, height, bitsPerComponent,  bytesPerRow, colorSpace, kCGImageAlphaPremultipliedLast|kCGBitmapByteOrderDefault);
        //翻转画布
        CGContextTranslateCTM(context, 0, height);
        CGContextScaleCTM(context, 1.0, -1.0);
        UIGraphicsPushContext(context);
        
        //画布透明
        //CGContextFillRect(context, self.bounds);
        CGContextSetRGBFillColor(context, 1, 0, 0, 1);
        CGContextSetRGBStrokeColor(context, 0, 1, 0, 1);
        CGContextFillRect(context, CGRectMake(0, 100, 100, 100));
        NSString *text=@"文字";
        UIFont *font=[UIFont systemFontOfSize:14];
        [text drawAtPoint:CGPointMake(0, 200) withAttributes:font.fontDescriptor.fontAttributes];
        UIImage *img=[UIImage imageNamed:@"gg.jpg"];
        [img drawInRect:CGRectMake(0, 300, 100, 100)];
        
        
        CGImageRef cgimg = CGBitmapContextCreateImage(context);
        UIImage *resultImg = [UIImage imageWithCGImage:cgimg];
        
        CGContextRelease(context);
        CGColorSpaceRelease(colorSpace);
        CGImageRelease(cgimg);
        
        imgview.image=resultImg;
        [self addSubview:imgview];
        
        
    }
    return self;
}