CGContextDrawImage使用和分析

现在的位置: 首页 > 综合 > 正文

CGContextDrawImage使用和分析

2014年08月29日 ⁄ 综合 ⁄ 共 2163字 ⁄ 字号小中大 ⁄ 评论关闭

首先看看网上关于Quartz 2D的一段话：

Quartz 2D 绘制模型定义了两种独立的坐标空间：用户空间(用于表现文档页)和设备空间(用于表现设备的本地分辨率)。用户坐标空间用浮点数表示坐标，与设备空间的像素分辨率没有关系。当我们需要一个点或者显示文档时， Quartz会将用户空间坐标系统映射到设备空间坐标系统。

下面说下自己的个人见解和分析：

由于坐标空间分为用户空间和设备空间两种，所以坐标系也分为两种。一种是CGContext绘图时的坐标系，以左下角为原点，y正轴向上，x正轴向右。另一种是设备空间的坐标系，以左上角为原点，y正轴向下，x正轴向右。

其中用户空间有一个绘图上下文，可以将其想象成一张画布。如果要在当前上下文中画图片，就要使用CGContextDrawImage方法，先看看直接使用该方法的情况：

- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    UIImage *image = [UIImage imageNamed:@"addText.png"];
    CGRect rect1 = CGRectMake(100.0, 100.0, 100.0, 100.0);
    CGContextDrawImage(context, rect1, [image CGImage]);
//    drawImage(context, [image CGImage], rect1);
}

原来的图片为：

运行结果如下：

每个方格为100 * 100的规格。也就是image的位置是(100, 100, 100, 100)，但是图片反过来了。如何在上下文中绘图，才能正确地映射到设备空间中？需要先做一些变换：

- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    UIImage *image = [UIImage imageNamed:@"addText.png"];
    CGRect rect1 = CGRectMake(100.0, 100.0, 100.0, 100.0);
//    CGContextDrawImage(context, rect1, [image CGImage]);
    drawImage(context, [image CGImage], rect1);
}

void drawImage(CGContextRef context, CGImageRef image , CGRect rect){
    CGContextSaveGState(context);
    
    CGContextTranslateCTM(context, rect.origin.x, rect.origin.y);
    CGContextTranslateCTM(context, 0, rect.size.height);
    CGContextScaleCTM(context, 1.0, -1.0);
    CGContextTranslateCTM(context, -rect.origin.x, -rect.origin.y);
    CGContextDrawImage(context, rect, image);
    
    CGContextRestoreGState(context);
}

运行结果为：