iOS开发图像处理--绘制图片上下颠倒 .
2012-08-16 14:54
435 查看
使用CGContextDrawImage绘制图片上下颠倒
首先要说的是,在iOS的不同framework中使用着不同的坐标系 :
UIKit - y轴向下
Core Graphics(Quartz) - y轴向上
OpenGL ES - y轴向上
UIKit是iPhone SDK的Cocoa Touch层的核心framework,是iPhone应用程序图形界面和事件驱动的基础,它和传统的windows桌面一样,坐标系是y轴向下的; Core Graphics(Quartz)一个基于2D的图形绘制引擎,它的坐标系则是y轴向上的;而OpenGL ES是iPhone SDK的2D和3D绘制引擎,它使用左手坐标系,它的坐标系也是y轴向上的,如果不考虑z轴,在二维下它的坐标系和Quartz是一样的。
现在回到问题,当通过CGContextDrawImage绘制图片到一个context中时,如果传入的是UIImage的CGImageRef,因为UIKit和CG坐标系y轴相反,所以图片绘制将会上下颠倒。解决方法有以下几种
解决方法一:在绘制到context前通过矩阵垂直翻转坐标系
[cpp]
view plaincopyprint?
// uiImage是将要绘制的UIImage图片,width和height是它的宽高
CGContextTranslateCTM(context, 0, height);
CGContextScaleCTM(context, 1.0, -1.0);
CGContextDrawImage(context, CGRectMake(0, 0, width, height), uiImage.CGImage);
解决方法二:使用UIImage的drawInRect函数,该函数内部能自动处理图片的正确方向
[cpp]
view plaincopyprint?
// uiImage是将要绘制的UIImage图片,width和height是它的宽高
UIGraphicsPushContext( context );
[uiImage drawInRect:CGRectMake(0, 0, width, height)];
UIGraphicsPopContext();
解决方法三:垂直翻转投影矩阵
这种方法通过设置上下颠倒的投影矩阵,使得原本y轴向上的GL坐标系看起来变成了y轴向下,并且坐标原点从屏幕左下角移到了屏幕左上角。如果你习惯使用y轴向下的坐标系进行二维操作,可以使用这种方法,同时原本颠倒的图片经过再次颠倒后回到了正确的方向:
[cpp]
view plaincopyprint?
// uiImage是将要绘制的UIImage图片,width和height是它的宽高
// 图片被颠倒的绘制到context
CGContextDrawImage(context, CGRectMake(0, 0, width, height), uiImage.CGImage);
// 设置上下颠倒的投影矩阵(则原来颠倒的图片回到了正确的方向)
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrthof( 0, framebufferWidth, framebufferHeight, 0, -1, 1 );
首先要说的是,在iOS的不同framework中使用着不同的坐标系 :
UIKit - y轴向下
Core Graphics(Quartz) - y轴向上
OpenGL ES - y轴向上
UIKit是iPhone SDK的Cocoa Touch层的核心framework,是iPhone应用程序图形界面和事件驱动的基础,它和传统的windows桌面一样,坐标系是y轴向下的; Core Graphics(Quartz)一个基于2D的图形绘制引擎,它的坐标系则是y轴向上的;而OpenGL ES是iPhone SDK的2D和3D绘制引擎,它使用左手坐标系,它的坐标系也是y轴向上的,如果不考虑z轴,在二维下它的坐标系和Quartz是一样的。
现在回到问题,当通过CGContextDrawImage绘制图片到一个context中时,如果传入的是UIImage的CGImageRef,因为UIKit和CG坐标系y轴相反,所以图片绘制将会上下颠倒。解决方法有以下几种
解决方法一:在绘制到context前通过矩阵垂直翻转坐标系
[cpp]
view plaincopyprint?
// uiImage是将要绘制的UIImage图片,width和height是它的宽高
CGContextTranslateCTM(context, 0, height);
CGContextScaleCTM(context, 1.0, -1.0);
CGContextDrawImage(context, CGRectMake(0, 0, width, height), uiImage.CGImage);
// uiImage是将要绘制的UIImage图片,width和height是它的宽高 CGContextTranslateCTM(context, 0, height); CGContextScaleCTM(context, 1.0, -1.0); CGContextDrawImage(context, CGRectMake(0, 0, width, height), uiImage.CGImage);
解决方法二:使用UIImage的drawInRect函数,该函数内部能自动处理图片的正确方向
[cpp]
view plaincopyprint?
// uiImage是将要绘制的UIImage图片,width和height是它的宽高
UIGraphicsPushContext( context );
[uiImage drawInRect:CGRectMake(0, 0, width, height)];
UIGraphicsPopContext();
// uiImage是将要绘制的UIImage图片,width和height是它的宽高 UIGraphicsPushContext( context ); [uiImage drawInRect:CGRectMake(0, 0, width, height)]; UIGraphicsPopContext();
解决方法三:垂直翻转投影矩阵
这种方法通过设置上下颠倒的投影矩阵,使得原本y轴向上的GL坐标系看起来变成了y轴向下,并且坐标原点从屏幕左下角移到了屏幕左上角。如果你习惯使用y轴向下的坐标系进行二维操作,可以使用这种方法,同时原本颠倒的图片经过再次颠倒后回到了正确的方向:
[cpp]
view plaincopyprint?
// uiImage是将要绘制的UIImage图片,width和height是它的宽高
// 图片被颠倒的绘制到context
CGContextDrawImage(context, CGRectMake(0, 0, width, height), uiImage.CGImage);
// 设置上下颠倒的投影矩阵(则原来颠倒的图片回到了正确的方向)
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrthof( 0, framebufferWidth, framebufferHeight, 0, -1, 1 );
相关文章推荐
- iOS开发图像处理--绘制图片上下颠倒
- iOS开发图像处理--绘制图片上下颠倒 .
- iOS开发图像处理--绘制图片上下颠倒
- iOS开发图像处理--绘制图片上下颠倒
- iOS开发图像处理--绘制图片上下颠倒
- iOS开发图像处理--绘制图片上下颠倒
- iOS开发与OpenGL ES相关问题整理(2)- 绘制图片上下颠倒
- iOS开发与OpenGL ES 绘制图片上下颠倒
- [绘画]iOS开发图像处理 - 绘制图片上下颠倒
- iOS开发图像处理--绘制图片上下颠倒
- iOS开发与OpenGL ES相关问题整理(2)- 绘制图片上下颠倒
- iOS 绘制图片上下颠倒
- 使用CGContextDrawImage绘制图片上下颠倒解决方法
- OpenGL ES (一.绘制图片上下颠倒)
- 零基础ios开发(二 关联button 实现图片的上下左右移动)
- iOS开发的2D绘制--CoreGraphics的简单使用三(画文字和图片)
- ios-绘图之图片上下颠倒
- 【深入浅出IOS开发】绘制图片
- iOS开发之绘制图片
- iOS开发UI篇—Quartz2D复杂图形绘制(三) 图片文字,进度条,饼形图,小黄人