標簽：com http div img size style width strong tab color type
3. BMP和JPEG图形显示程序
3.1
在LCD上显示BMP或JPEG图片的主流程图
首先，在程序開始前。要在nfs/dev目錄下創建LCD的設備結點，設備名fb0,設備類型爲字符設備，主設備號爲29，次設備號爲0。命令如下：
mknod
fb0 c 29
0
在LCD上显示图象的主流程图如圖3.1所示。程序一开始要调用open函数打开设备，然后调用ioctl获取设备相关信息，接下来就是读取图形文件数据，把图象的RGB值映射到显存中，这部分是图象显示的核心。对于JPEG格式的图片，要先经过JPEG解码才能得到RGB数据，本项目中直接才用现成的JPEG库进行解码。对于bmp格式的图片，则可以直接从文件里面提取其RGB数据。要从一个bmp文件里面把图片数据阵列提取出来，首先必须知道bmp文件的格式。下面来詳細介绍bmp文件的格式。
圖3.1
3.2
bmp位图格式分析
位圖文件可看成由四個部分組成：位圖文件頭、位圖信息頭、彩色表和定義位圖的字節陣列。如圖3.2所示。
圖3.2
文件頭中各個段的地址及其內容如圖3.3。
圖3.3
位圖文件頭數據結構包含BMP圖象文件的類型，顯示內容等信息。它的數據結構如下定義：
Typedef
struct
{
int bfType；//表明位图文件的类型，必须为BM
long
bfSize；//表明位图文件的大小，以字节为单位
int bfReserved1；//属于保留字，必须为本0
int
bfReserved2；//也是保留字，必须为本0
long bfOffBits；//位图阵列的起始位置，以字节为单位
}
BITMAPFILEHEADER；
（2）信息頭中各個段的地址及其內容如圖3.5所示。
圖3.5
位圖信息頭的數據結構包含了有關BMP圖象的寬，高，壓縮方法等信息，它的C語言數據結構如圖3.6所示。
Typedef
struct {
long biSize； //指出本数据结构所需要的字节数
long
biWidth；//以象素为单位，给出BMP图象的宽度
long
biHeight；//以象素为单位，给出BMP图象的高度
int
biPlanes；//输出设备的位平面数，必须置为1
int
biBitCount；//给出每个象素的位数
long biCompress；//给出位图的压缩类型
long
biSizeImage；//给出图象字节数的多少
long biXPelsPerMeter；//图像的水平分辨率
long
biYPelsPerMeter；//图象的垂直分辨率
long
biClrUsed；//调色板中图象实际使用的颜色素数
long biClrImportant；//给出重要颜色的索引值
}
BITMAPINFOHEADER；
（3）對于象素小于或等于16位的圖片，都有一個顔色表用來給圖象數據陣列提供顔色索引，其中的每塊數據都以B、G、R的順序排列，還有一個是reserved保留位。而在圖形數據區域存放的是各個象素點的索引值。它的C語言結構如圖3.7所示。
图3.7
颜色表数据结构
（4）對于24位和32位的圖片，沒有彩色表，他在圖象數據區裏直接存放圖片的RGB數據，其中的每個象素點的數據都以B、G、R的順序排列。每個象素點的數據結構如圖3.8所示。
图3.8
图象数据阵列的数据结构
（5）由于圖象數據陣列中的數據是從圖片的最後一行開始往上存放的，因此在顯示圖象時，是從圖象的左下角開始逐行掃描圖象，即從左到右，從下到上。
（6）對S3C2410或PXA255開發板上的LCD來說，他們每個象素點所占的位數爲16位，這16位按B：G：R=5：6：5的方式分，其中B在最高位，R在最低位。而從bmp圖象得到的R、G、B數據則每個數據占8位，合起來一共24位，因此需要對該R、G、B數據進行移位組合成一個16位的數據。移位方法如下：
b
>>= 3; g >>= 2; r >>= 3;
RGBValue = ( r<<11 | g
<< 5 | b);
基于以上分析，提取各種類型的bmp圖象的流程如圖3.9所示
图 3.9
3.3
实现显示任意大小的图片
開發板上的LCD屏的大小是固定的，S3C2410上的LCD爲：240*320，PXA255上的爲：640*480。比屏幕小的圖片在屏上顯示當然沒問題，但是如果圖片比屏幕大呢？這就要求我們通過某種算法對圖片進行縮放。
縮放的基本思想是將圖片分成若幹個方塊，對每個方塊中的R、G、B數據進行取平均，得到一個新的R、G、B值，這個值就作爲該方塊在LCD屏幕上的映射。
縮放的算法描述如下：
(1)、計算圖片大小與LCD屏大小的比例，以及方塊的大小。爲了適應各種屏幕大小，這裏並不直接給lcd_width和lcd_height賦值爲240和320。而是調用標准的接口來獲取有關屏幕的參數。具體如下：
// Get variable screen information
if
(ioctl(fbfd, FBIOGET_VSCREENINFO, &vinfo))
{
printf("Error
reading variable information.
");
exit(3);
}
unsigned int
lcd_width=vinfo.xres;
unsigned int
lcd_height=vinfo.yres;
計算比例：
widthScale=bmpi->width/lcd_width;
heightScale=bmpi->height/lcd_height;
本程序中方塊的大小以如下的方式確定：
unsigned
int paneWidth=
unsigned int paneHeight=
;
符号 代表向上取整。
(2)、从图片的左上角开始，以(i* widthScale，j*
heightScale)位起始点，以宽paneWidth
高paneHeight为一个小方块，对该方块的R、G、B数值分别取平均，得到映射点的R、G、B值，把该点作为要在LCD上显示的第（i ,
j）点存储起来。
這部分的程序如下：
//-------------取平均--------
for(
i=0;i<now_height;i++)
{
for(j=0;j<now_width;j++)
{
color_sum_r=0;
color_sum_g=0;
color_sum_b=0;
for(m=i*heightScale;m<i*heightScale+paneHeight;m++)
{
for(n=j*widthScale;n<j*widthScale+paneWidth;n++)
{
color_sum_r+=pointvalue[m][n].r;
color_sum_g+=pointvalue[m][n].g;
color_sum_b+=pointvalue[m][n].b;
}
}
RGBvalue_256->r=div_round(color_sum_r,paneHeight*paneWidth);
RGBvalue_256->g=div_round(color_sum_g,paneHeight*paneWidth);
RGBvalue_256->b=div_round(color_sum_b,paneHeight*paneWidth);
}
}
3.4
图片数据提取及显示的总流程
通过以上的分析，整个图片数据提取及显示的总流程如圖3.10
所示。
图
3.10
轉載地址http://www.linuxidc.com/Linux/2011-08/41673.htm
Linux LCD驱动（三）--图形显示,码迷,mamicode.com
標簽：com http div img size style width strong tab color type
原文地址：http://www.cnblogs.com/ganrui/p/3695239.html
