转载自:http://www.bennychen.cn/2011/05/ios开发与opengl-es相关问题整理(2)-绘制图片上下颠倒/
使用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前通过矩阵垂直翻转坐标系
2
|
CGContextTranslateCTM(context,
0, height);
|
3
|
CGContextScaleCTM(context,
1.0, -1.0);
|
4
|
CGContextDrawImage(context,
CGRectMake(0, 0, width, height), uiImage.CGImage);
|
解决方法二:使用UIImage的drawInRect函数,该函数内部能自动处理图片的正确方向
2
|
UIGraphicsPushContext(
context );
|
3
|
[uiImage
drawInRect:CGRectMake(0, 0, width, height)];
|
4
|
UIGraphicsPopContext();
|
解决方法三:垂直翻转投影矩阵
这种方法通过设置上下颠倒的投影矩阵,使得原本y轴向上的GL坐标系看起来变成了y轴向下,并且坐标原点从屏幕左下角移到了屏幕左上角。如果你习惯使用y轴向下的坐标系进行二维操作,可以使用这种方法,同时原本颠倒的图片经过再次颠倒后回到了正确的方向:
4
|
CGContextDrawImage(context,
CGRectMake(0, 0, width, height), uiImage.CGImage);
|
7
|
glMatrixMode(GL_PROJECTION);
|
9
|
glOrthof(
0, framebufferWidth, framebufferHeight, 0, -1, 1 );
|
分享到:
相关推荐
Learning OpenGL ES for iOS a Hands-on Guide to Modern 3D Graphics Programming, 基于iOS 讲解OpenGL ES开发,支持kindle
OpenGL ES应用开发实践 指南 iOS卷中文版一本;适合有mac开发环境的学习OpenGL ES;适合有iOS开发者的学习OpenGL ES!!
OpenGL ES应用开发实践指南 iOS卷 13-37-12-820,iOS版本的opengl es
opengl es应用开发实践指南ios卷源码,包含所有章节代码
在iOS上使用OpenGLes模拟月球绕地球公转,iOS OpenGLes图形开发入门必看,iOS开发进阶资源
第9章介绍能够提高ios设备上opengl es 2.0渲染性能的优化策略;第10章讲解了地形和拾取;第11章回顾了3d渲染所需的常见数学运算;第12章涵盖了一个结合地形渲染、天空盒、粒子系统、动画、变化视点、灯光、模型和...
由资深iOS开发专家根据OpenGL ES最新版本撰写,不仅详细讲解了OpenGL ES与GLKit的结合使用,而且还系统讲解OpenGL ES的核心概念、技术,以及iOS的图形机制,并通过大量案例讲解了在iOS上进行OpenGL ES开发的方法和...
OpenGL ES应用开发实践指南 iOS卷.pdf 高清带索引
由资深iOS开发专家根据OpenGL ES最新版本撰写,不仅详细讲解了OpenGL ES与GLKit的结合使用,而且还系统讲解OpenGL ES的核心概念、技术,以及iOS的图形机制,并通过大量案例讲解了在iOS上进行OpenGL ES开发的方法和...
Pro OpenGL ES for iOS 专业开发iOS OpenGL ES的书。
iOS实例开发源码——jstart-facebreak-cocos2d-opengles20-1b41815.zip
OpenGL ES应用开发实践指南 iOS 源码代。 书上附带的源代码
iOS实例开发源码——jzucker2-OpenGL-Side-Project-1974f39.zip
前两年IOS应用源码-主要是用于毕业设计学习的。
对应ios开发OpenGL ES的一本权威之作, 清晰完整版
OpenGLES_iOS 源码OpenGLES_iOS 源码OpenGLES_iOS 源码OpenGLES_iOS 源码
Learning OpenGL ES For IOS 英文版
《opengles programming guide for iOS》 主要是引导在ios/mac 开发中使用的opengles的引导。
资源名称:iOS开发视频教程资源目录:【】iOS开发视频教程-第01讲-iOS历史介绍【】iOS开发视频教程-第02讲-XCode安装【】iOS开发视频教程-第03讲-UIView_PPT【】iOS开发视频教程-第04讲-UILabel【】iOS开发视频教程-...
一个简单的ios OpenGLES2.0入门级别的代码