iOS开发与OpenGL ES相关问题整理（2）- 绘制图片上下颠倒

概述转自：http://www.bennychen.cn/2011/05/ios%E5%BC%80%E5%8F%91%E4%B8%8Eopengl-es%E7%9B%B8%E5%85%B3%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86%EF%BC%882%EF%BC%89-%E7%BB%98%E5%88%B6%E5%9B%BE%E7%89%87%E4%B8%8A%E4%B8%

转自：http://www.bennychen.cn/2011/05/ios%E5%BC%80%E5%8F%91%E4%B8%8Eopengl-es%E7%9B%B8%E5%85%B3%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86%EF%BC%882%EF%BC%89-%E7%BB%98%E5%88%B6%E5%9B%BE%E7%89%87%E4%B8%8A%E4%B8%8B%E9%A2%A0%E5%80%92/

使用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前通过矩阵垂直翻转坐标系

1	// uiImage是将要绘制的UIImage图片，wIDth和height是它的宽高

2	CGContextTranslateCTM(context,height);

3	CGContextScaleCTM(context,1.0,-1.0);

4 CGContextDrawImage(context,CGRectMake(0,wIDth,height),uiImage.CGImage);

解决方法二：使用UIImage的drawInRect函数，该函数内部能自动处理图片的正确方向

UIGraphicsPushContext( context );

[uiImage drawInRect:CGRectMake(0,height)];

UIGraphicsPopContext();

解决方法三：垂直翻转投影矩阵
这种方法通过设置上下颠倒的投影矩阵，使得原本y轴向上的GL坐标系看起来变成了y轴向下，并且坐标原点从屏幕左下角移到了屏幕左上角。如果你习惯使用y轴向下的坐标系进行二维 *** 作，可以使用这种方法，同时原本颠倒的图片经过再次颠倒后回到了正确的方向：

 

// 图片被颠倒的绘制到context

5

6 // 设置上下颠倒的投影矩阵（则原来颠倒的图片回到了正确的方向）

7	glMatrixMode(GL_PROJECTION);

8 glLoadIDentity();

9	glOrthof( 0,framebufferWIDth,framebufferHeight,-1,1 );

总结

以上是内存溢出为你收集整理的iOS开发与OpenGL ES相关问题整理（2）- 绘制图片上下颠倒全部内容，希望文章能够帮你解决iOS开发与OpenGL ES相关问题整理（2）- 绘制图片上下颠倒所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。