CGContext坐标变换

讨论

http://www.cnblogs.com/delonchen/archive/2011/06/12/CGContextDrawImage.html

这个函数绘制图片，但坐标系统原点在左上角，y方向向下的（坐标系A），但在Quartz中坐标系原点在左下角，y方向向上的(坐标系B)。图片绘制也是颠倒的。

要达到预想的效果必须变换坐标系，代码如下：

void drawImage(CGContextRef context, CGImageRef image , CGRect rect){

　　　CGContextSaveGState(context);

CGContextTranslateCTM(context, rect.origin.x, rect.origin.y);//4

CGContextTranslateCTM(context, 0, rect.size.height);//3

CGContextScaleCTM(context, 1.0, -1.0);//2

CGContextTranslateCTM(context, -rect.origin.x, -rect.origin.y);//1

CGContextDrawImage(context, rect, image);

CGContextRestoreGState(context);

}

A到B变换 通过1->2->3->4步骤实现的，这样好理解些

通常我会用UIImage drawInRect实现想要的功能。

我们在使用“CGContextShowTextAtPoint”，经常会遇到字体翻转问题。CGContextShowTextAtPoint word upside.

这个问题可以通过

CGContextTranslateCTM(ctx, 0, imageSize.height);
CGContextScaleCTM(ctx, 1, -1);

解决。

不过要是想继续正常绘制其他内容，我们可以采用先存储后恢复的方式

CGAffineTransform normalState=CGContextGetCTM(context);

CGContextTranslateCTM(ctx, 0, imageSize.height);
CGContextScaleCTM(ctx, 1, -1);

CGContextConcatCTM(context, normalState);

- (void)drawRect:(CGRect)rect {    CGContextRef context = UIGraphicsGetCurrentContext();    CGContextSaveGState(context);    CGContextTranslateCTM(context, 0, rect.size.height);    CGContextScaleCTM(context, 1.0, -1.0);    int firstCol = floorf(CGRectGetMinX(rect) / tileSize);    int lastCol = floorf((CGRectGetMaxX(rect)-1) / tileSize);    int firstRow = floorf(CGRectGetMinY(rect) / tileSize);    int lastRow = floorf((CGRectGetMaxY(rect)-1) / tileSize);    for( int row = firstRow; row <= lastRow; row++ )     {        for( int col = firstCol; col <= lastCol; col++ )         {            UIImage = [self getTileWithRow:row column:col];            CGRect tileRect = CGRectMake((col * tileSize),                                          row * tileSize),                                         tileSize, tileSize);            CGContextDrawImage(context, tileRect, tile.CGImage);        }    }    CGContextRestoreGState(context);}