登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

聊天机器

Chatbot's private blog

 
 
 

日志

 
 

J2me中任意角度图片旋转  

2011-10-05 23:57:42|  分类: 程序理论 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
J2me中任意角度图片旋转

作者:pandonix

日期:2007年9月20日

版权声明:可以任意转载,转载时请务必以超链接形式标明文章原始出处和作者信息及本声明


 

本文主要讨论在J2me中如何实现任意角度的图片旋转。其实,早在几年前,minisoyou的BB就已经给出了实现算法,相信做j2me游戏开发的朋友们也都收藏过该算法。本文从图像旋转的基本理论出发,详细讨论如何使用实现和优化该算法,希望对旋转算法感兴趣的朋友有帮助。

 基本旋转算法

讨论位图旋转算法,首先得说说最基本的旋转算法,即:点的旋转。相信学过计算机图形学的朋友们,对该算法不会陌生。

假设,P(x,y)旋转t角度后,得到P'(x',y'),P与P'之间的关系如下:

(x',y') = (x cos(t) + y sin(t),y cos(t) - x sin(t))

 位图旋转:

根据以上算法,可以直观的想到位图旋转算法,即遍历位图中的所有像素点,对每个像素点进行旋转变换。

但是在j2me中真正实现位图的旋转,还需要解决以下几点问题:

1、如何获取图片的像素数组,且得到的像素值是包含了alpha高位的,换句话说,要支持透明;

2、由于是任意角度旋转,旋转后的图像尺寸如何计算;

3、旋转算法可以优化,提高计算速度;

4、旋转得到的像素数组,如何绘制到canvas上;

5、旋转后能否直接得到一个Image对象;

6、旋转算法都是基于小数运算的,在CLDC1.0的设备上,如何实现旋转;

7、旋转后的图像是否存在失真;

 J2me中的像素操作熟悉j2me的朋友对于问题一的回答 应该是肯定的。我们有两种方法获取像素数组,一种是使用midp2.0中的getRGB方法,另一种是使用NokiaUI中的getPixels方法,两 种方法各有优缺点。其中,getRGB方法并非所有midp2.0都手机都支持,本人在Nokia6600上面使用该方法就出现问题,除此之 外,getRGB只能获取到8888格式的ARGB像素值,即通常说的256色。而NokiaUI重载了三个getPixels方法,不仅支持8888格 式,还支持4444格式,即,可以使用short数组来存储像素值,而无须使用int数组。

由于getRGB方法很简单,参考API文档就能使用,所以,在此只列出NokiaUI中如何获取像素数组:

java 代码
  1. public short[] pixelsProduce(Image src)   
  2. {   
  3.     int w = src.getWidth();   
  4.     int h = src.getHeight();   
  5.     short[] _pixels = new short[w * h];   
  6.     //创建可变图像   
  7.     Image img = DirectUtils.createImage(w, h, 0);   
  8.     Graphics g = img.getGraphics();   
  9.     DirectGraphics dg = DirectUtils.getDirectGraphics(g);   
  10.     //先将原图绘制到创建好的可变图像上   
  11.     dg.drawImage(src,0,0,0,0);   
  12.     //再获取该可变图像的像素数组   
  13.     dg.getPixels(_pixels,0, w, 0, 0, w, h,4444);   
  14.     return _pixels;   
  15. }   
 

解决了获取图片像素数组的问题,绘制旋转后的像素数组的问题也迎刃而解了。Midp2.0中,可以使用drawRGB,而NokiaUI中,则使用 drawPixels。当然,如果考虑到绘制的效率,可以将像素数组转化为Image对象,这样虽然创建时耗费了时间,但是在绘制时,却比直接绘制像素数 组更加有效率。为此,Midp2.0中,可使用Image.createRGBImage方法,而NokiaUI中,则可以采用以下方法来获取Image 对象:

java 代码
  1. public Image createImg(short[] pixels,int _width,int _height)   
  2. {   
  3.     //创建可变图像   
  4.     Image img = DirectUtils.createImage(_width, _height, 0);   
  5.     Graphics g = img.getGraphics();   
  6.     DirectGraphics dg = DirectUtils.getDirectGraphics(g);   
  7.     //将像素数组绘制到创建好的可变图像上   
  8.     dg.drawPixels(pixels, true, 0, _width, 0, 0, _width, _height, 0,4444);   
  9.     return img;   
  10. }   

算法实现排除了像素操作的障碍以后,就可以来实现旋转算法了。首先,考虑使用小数来实现该算法。接下来需要考虑的问题是,旋转后的图片的尺寸该设定为多大,因为其直接影响到旋转后的像素数组的大小。不考虑存储空间的情况下,可以如此定义尺寸:原图片矩形的外接圆的外切矩形,就是旋转后图片所在的矩形,如图所示。虽然,这样定义比较浪费空间,但是,原图片沿任意角度选择后的像素数组都可以被覆盖到。定义好尺寸之后,最基本的旋转算法就容易了,算法步骤如下:1、计算旋转后图片尺寸,并定义好旋转后像素数组newPixels[]2、将newPixels的各数组元素初始化为透明,即:0x03、按从左到右,从上到下的顺序,遍历原图片数组,计算出每个像素点旋转后的坐标,并将其复制到newPixels

算法代码如下:

java 代码
  1. public static int[] rotate2(int[] _pixels,int _width,int _height,double _angle)   
  2. {   
  3.     int i,j;   
  4.     double radius = Math.sqrt(_width*_width + _height*_height);   
  5.     int r = (int)radius;   
  6.     int[] newPixels = new int[r*r];   
  7.     for(i = 0; i < newPixels.length;i++)   
  8.     {   
  9.             newPixels[i] = (TRANSPARENT)<<24;   
  10.     }   
  11.     double x1,y1;   
  12.     int x2,y2;   
  13.     double cos = Math.cos(_angle);   
  14.     double sin = Math.sin(_angle);   
  15.     for(i = 0; i < _height;i++)   
  16.     {   
  17.         for(j = 0;j < _width;j++)   
  18.         {   
  19.             x1 = j + (- _width)/2;   
  20.             y1 = i + (- _height)/2;   
  21.             x2 = (int)(x1*cos - y1*sin);   
  22.             y2 = (int)(x1*sin + y1*cos);   
  23.             x2 += r/2;   
  24.             y2 += r/2;   
  25.             newPixels[y2*r+x2] = _pixels[i*_width+j];   
  26.         }   
  27.     }   
  28.     return newPixels;   
  29. }   

 

解决"坏点"仔细思考一下,坏点出现的主要原因在于,旋转公式的定义域是整个实数域,而像素点显然是离散点,因此,在进行映射时,会产生一定的误差,所以造成本该被定义的像素点,没有被映射到。其实,在图像处理领域,已经存在很多优化的算法,而且理论都基于数学的。

回到我们的问题,为了解决坏点,我们可以这样来考虑:改遍历原图像数组为遍历newPixels数组,这样就能保证所有的newPixels可以被覆盖。具体代码如下:

java 代码
  1. public static int[] rotate(int[] _pixels,int _width,int _height,double _angle)   
  2. {   
  3.     int i,j;   
  4.     double radius = Math.sqrt(_width*_width + _height*_height);   
  5.     int r = (int)radius;   
  6.     int[] newPixels = new int[r*r];   
  7.     for(i = 0; i < newPixels.length;i++)   
  8.     {   
  9.             newPixels[i] = (TRANSPARENT)<<24;   
  10.     }   
  11.     double x1,y1;   
  12.     int x2,y2;   
  13.     double cos = Math.cos(_angle);   
  14.     double sin = Math.sin(_angle);   
  15.     for(i = 0;i < r;i++)   
  16.     {   
  17.         for(j = 0;j < r;j++)   
  18.         {   
  19.             x1 = j + (- r)/2;   
  20.             y1 = i + (- r)/2;   
  21.             x2 = (int)(x1*cos + y1*sin);   
  22.             y2 = (int)(-x1*sin + y1*cos);   
  23.             if(x2 >= -_width/2&&x2< _width/2&&y2 >= -_height/2&&y2< _height/2)   
  24.             {   
  25.                 int k = (y2 + _height/2)*_width+x2+_width/2;   
  26.                    
  27.                 newPixels[i*r + j] = _pixels[k];   
  28.             }   
  29.         }   
  30.     }   
  31.     return newPixels;   
  32. }   
  效果如图所示,基本上解决图像中的坏点,失真度基本可以接受。如果你觉得不符合要求,没关系,下面会介绍BB的算法。速度优化

上面这种算法的时间复杂程度是O(n^2),那么对该算法是否可以优化呢?参考了《A Fast Algorithm for Rotating Bitmaps》一文,可以对算法作以下优化:

 
  1. public static int[] rotate3(int[] _pixels,int _width,int _height,double _angle)   
  2. {   
  3.     int i,j;   
  4.     double radius = Math.sqrt(_width*_width + _height*_height);   
  5.     int r = (int)radius;   
  6.     int[] newPixels = new int[r*r];   
  7.     for(i = 0; i < newPixels.length;i++)   
  8.     {   
  9.             newPixels[i] = (TRANSPARENT)<<24;   
  10.     }   
  11.     double x2,y2;   
  12.     int x3,y3;   
  13.     double cos = Math.cos(_angle);   
  14.     double sin = Math.sin(_angle);   
  15.     for(i = 0;i < r;i++)   
  16.     {   
  17.         x2 = (-r/2)*cos + (i - r/2)*sin;   
  18.         y2 = (r/2)*sin + (i - r/2)*cos;   
  19.         x3 = (int)x2;   
  20.         y3 = (int)y2;   
  21.         for(j = 0;j < r;j++)   
  22.         {   
  23.             if(x3 >= -_width/2&&x3< _width/2&&y3 >= -_height/2&&y3< _height/2)   
  24.             {   
  25.                 newPixels[i*r +j] = _pixels[(y3 + _height/2)*_width+x3+_width/2];   
  26.             }   
  27.             x2 += cos;   
  28.             y2 -= sin;   
  29.             x3 = (int)x2;   
  30.             y3 = (int)y2;   
  31.         }   
  32.     }   
  33.     return newPixels;   
  34. }   

 

使用定点数实现其实,主要就是实现SinCos的求值,基本思路是:将SinCos值放大255倍,进行计算以后,对结果再进行缩小处理,具体请参考代码Rotation2.javaBB的算法应该说,BB给出的算法的失真程度最小,他是对目标像素点进行了一个加权计算,但是,遗憾的是,翻阅了很多资料,我也没有找到该算法的相关理论介绍。若有朋友了解,请正解。具体代码请参考Rotation_4444.java总结与思考
  评论这张
 
阅读(521)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018