画线函数Glib_Line算法的研究


在这里首先先简单把我对函数的功能的理解阐述一下,方便后面的分析:Glib_Line函数实现的功能是通过参数给定(x1,y1,x2,y2,color),来确定起点(x1,y1)和终点(x2,y2)两点之间的一条直线,并通过color参数来确定这条直线的颜色。这里这条语句的算法重点在于如何给像素点填充对应的颜色来画出任意直线,至于颜色具体值的确定会在后续的配色原理中阐述。首先先来看两幅图片:

他们是相同的一个图片,图片2是图片1放大后的情况。

我们平时在LCD上画直线还无所谓,但是如果画斜线,由于LCD上没有半个像素点,所以,当x或y增加一个像素点之后,对应的y或x要么增加一个像素点,要么保持原来的像素点不动,举个例子:假设:x1=1,x2=320,y1=1,y2=2,那么画线后的情况是x轴的前面160个像素点,y轴的是1,在x轴的后面160个像素点,y轴是2。
我们根据图3来仔细分析画斜线时可能出现的问题,以及处理的算法。这里我们取众多情况中的一种来分析,即dx>=0 ,dy >= 0,dx>=dy的情况。

我们把像素点放大抽象为图3,其中黑点定为起始点,灰色线所指的点为第二个像素点的理论位置,绿色点和黄色点为实际像素点可能赋值的点,并且我们这里规定,绿色点到灰色点的距离为a,黄色点到灰色点的距离为b。灰色点坐标为(x,y),绿色点坐标为(x1+1,y1+1),黄色点坐标为(x1+1,y1)。并且规定所画直线在x轴上的投影为dx=x2-x1,在y轴上的投影为dy=y2-y1。

理论上,灰色点才是理论点,但是由于像素点不能有小数,所以只可能是上面的绿点或者下面的黄点选一个,具体选哪个要由谁更靠近灰点(误差小)决定

这里我们根据数学知识可以得到:

a=(y+1)-(x+1)×(dy/dx)

b=(x+1)×(dy/dx)- y

下面我们只需要判断a和b谁大谁小便可以决定到底选黄点还是绿点

这里我们选用差值法来判断a,b的大小:

为了去掉小数点,因为dx>0,所以有d=dx*(b-a)= 2*(xdy-ydx)+2dy-dx

接下来我们只需要判断dx*(b-a)>0还是dx*(b-a)<0

这个时候我们用相对坐标来考虑,把起始点(x1,y1)平移到(0,0)点,整条直线虽然也随之平移,这个时候黄点和绿点的坐标也随之改变,但是不改变第二个点到底是在绿点还是黄点的位置。同理也不改变后面其他像素点的选择。所以采用相对坐标后x1=0,y1=0, d1=dx*(b-a)=2dy-dx,通过判断这个d1与0的大小关系就可以知道是图3中的绿点还是黄点了。这个地方我们用到的d1/2就是程序中的变量e.即e=d1/2=dy-dx/2.

下面我们就对照着函数代码来分析程序中算法的实现。同样我们取众多情况中的一种来分析,即dx>=0 ,dy >= 0,dx>=dy的情况,和上面算法对应起来.

 1 e=dy-dx/2;
 2 
 3 while(x1<=x2)
 4 
 5 {
 6 
 7 PutPixel(x1,y1,color);
 8 
 9    if(e>0){y1+=1;e-=dx;}
10 
11        x1+=1;
12 
13 e+=dy;
14 
15 }

这段程序就是在满足dx>=0 ,dy >= 0,dx>=dy的情况下,需要执行的内容

首先是把和a,b差值有直接联系的e求出来,接下来便进入while循环, while循环的作用是对从x1到x2之间所有的像素点赋值。

因为dx>dy,结合图3我们知道在x1和x2之间对应要赋值的有x2-x1个像素点,所以这就是while语句括号中判断的作用,就是对x1和x2之间的x2-x1个像素点赋值,因此每次x1+=1语句的作用就是对x2-x1这个数进行计数,每次加1直到等于x2为止,等于x2了就算把所有该赋值的像素点都赋值了。

while语句里,先是对(x1,y1)这个位置的像素点赋值,然后如果横坐标没到终点的横坐标x2,就一直赋值,期间要对下一个点的位置做判断,即if(e>0)语句:

1.第一次判断如果b>a,即b-a>0,也就e>0,这个时候我们肯定是选择绿点,所以第二点的坐标为(x1+1,y1+1),x1+1在整个while中的x1+=1中实现,y1+1在if语句中的y1+=1中实现,然后便是改变判断第三点的位置时要用到的e

因为d2=2*(x2dy-y2dx)+2dy-dx,因为第一点相对坐标为(0,0),则第二点的相对坐标为(1,1),所以d2=4dy-3dx,此时的e2=d2/2=2dy-3/2dx=e+dy-dx;e2中对原来的e+dy是在整个while中的e+=dy中实现的,对原来的e-dx是在在if语句中的e-=dx中实现的。

2.第一次判断如果b<a,即b-a<0,也就是e<0,这个时候我们肯定选择黄点,所以第二点的坐标为(x1+1,y1),x1+1在整个while中的x1+=1中实现,此时不进入if语句,然后便是改变判断第三点的位置时要用到的e。

因为d2=2*(x2dy-y2dx)+2dy-dx,因为第一点相对坐标为(0,0),则第二点的相对坐标为(1,0),所以d2=4dy-dx,此时的e2=d2/2=2dy-dx/2=e+dy;e2中对原来的e+dy是在整个while中的e+=dy中实现的,此时不进入if语句,dx不增加。

同样的道理,到了判断e的时候,重复上面的过程,d=2*(xdy-ydx)+2dy-dx;x,y分别为当时判断点的相对坐标。

例如,第二点选择的是黄点,第三点选择的是绿点,通过算法我们得到e2=e1+dy;e3=e2+dy-dx=e1+2dy-dx=e+2dy-dx=3dy-3/2dx;

下面通过对e的定义来验证一下:

第二点的相对坐标为(1,0),则第三点的坐标为(2,1)

e3=d3/2=(x3dy-y3dx)+dy-dx/2=2dy-dx+dy-dx/2=3dy-3/2dx;

两种方法的e3值完全一样,以此类推证明了程序与算法的吻合,程序完全可以实现算法所需要的功能。

以上只是分析了其中dx>=0 ,dy >= 0,dx>=dy一种情况,我们仔细分析发现,其他的七种情况的数学含义以及分析方法和第一种完全一样,只是斜线的斜率,以及dx,dy长短等不同而以,这里不做过多的赘述。

所有的情况分别为8种:

1.dx>=0,dy>0 ,dx>=dy

2.dx>=0,dy>0 ,dx<dy

3.dx>=0,dy<0 ,dx>=dy

4.dx>=0,dy<0 ,dx<dy

5.dx<0, dy>0 ,dx>=dy

6.dx<0, dy>0 ,dx<dy

7.dx<0, dy<0 ,dx>=dy

8.dx<0, dy<0 ,dx<dy

具体代码如下:

  1 // glib库中的画线函数,可以画斜线,线两端分别是(x1, y1)和(x2, y2)
  2 void glib_line(unsigned int x1, unsigned int y1, unsigned int x2, unsigned int y2, unsigned int color)
  3 {
  4     int dx,dy,e;
  5     dx=x2-x1; 
  6     dy=y2-y1;
  7     
  8     if(dx>=0)
  9     {
 10         if(dy >= 0) // dy>=0
 11         {
 12             if(dx>=dy) // 1/8 octant
 13             {
 14                 e=dy-dx/2;  
 15                 while(x1<=x2)
 16                 {
 17                     lcd_draw_pixel(x1,y1,color);
 18                     if(e>0){y1+=1;e-=dx;}    
 19                     x1+=1;
 20                     e+=dy;
 21                 }
 22             }
 23             else        // 2/8 octant
 24             {
 25                 e=dx-dy/2;
 26                 while(y1<=y2)
 27                 {
 28                     lcd_draw_pixel(x1,y1,color);
 29                     if(e>0){x1+=1;e-=dy;}    
 30                     y1+=1;
 31                     e+=dx;
 32                 }
 33             }
 34         }
 35         else           // dy<0
 36         {
 37             dy=-dy;   // dy=abs(dy)
 38 
 39             if(dx>=dy) // 8/8 octant
 40             {
 41                 e=dy-dx/2;
 42                 while(x1<=x2)
 43                 {
 44                     lcd_draw_pixel(x1,y1,color);
 45                     if(e>0){y1-=1;e-=dx;}    
 46                     x1+=1;
 47                     e+=dy;
 48                 }
 49             }
 50             else     // 7/8 octant
 51             {
 52                 e=dx-dy/2;
 53                 while(y1>=y2)
 54                 {
 55                     lcd_draw_pixel(x1,y1,color);
 56                     if(e>0){x1+=1;e-=dy;}    
 57                     y1-=1;
 58                     e+=dx;
 59                 }
 60             }
 61         }    
 62     }
 63     else //dx<0
 64     {
 65         dx=-dx;        //dx=abs(dx)
 66         if(dy >= 0) // dy>=0
 67         {
 68             if(dx>=dy) // 4/8 octant
 69             {
 70                 e=dy-dx/2;
 71                 while(x1>=x2)
 72                 {
 73                     lcd_draw_pixel(x1,y1,color);
 74                     if(e>0){y1+=1;e-=dx;}    
 75                     x1-=1;
 76                     e+=dy;
 77                 }
 78             }
 79             else        // 3/8 octant
 80             {
 81                 e=dx-dy/2;
 82                 while(y1<=y2)
 83                 {
 84                     lcd_draw_pixel(x1,y1,color);
 85                     if(e>0){x1-=1;e-=dy;}    
 86                     y1+=1;
 87                     e+=dx;
 88                 }
 89             }
 90         }
 91         else           // dy<0
 92         {
 93             dy=-dy;   // dy=abs(dy)
 94 
 95             if(dx>=dy) // 5/8 octant
 96             {
 97                 e=dy-dx/2;
 98                 while(x1>=x2)
 99                 {
100                     lcd_draw_pixel(x1,y1,color);
101                     if(e>0){y1-=1;e-=dx;}    
102                     x1-=1;
103                     e+=dy;
104                 }
105             }
106             else        // 6/8 octant
107             {
108                 e=dx-dy/2;
109                 while(y1>=y2)
110                 {
111                     lcd_draw_pixel(x1,y1,color);
112                     if(e>0){x1-=1;e-=dy;}    
113                     y1-=1;
114                     e+=dx;
115                 }
116             }
117         }    
118     }
119 }

本文转自:http://blog.chinaunix.net/uid-26435987-id-3077711.html

优质内容筛选与推荐>>
1、2015年个人总结
2、访问数据服务概述
3、微信机器人 WordPress 插件
4、Sharepoint 2013 开启App和配置App
5、19-12-5


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号





    联系我们

    欢迎来到TinyMind。

    关于TinyMind的内容或商务合作、网站建议,举报不良信息等均可联系我们。

    TinyMind客服邮箱:support@tinymind.net.cn