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); }