/* * Create By : 李紹良[lsl](zyzx)
* Create Time : 2015-03-16
* 轉載請注明來源：http://www.shnenglu.com/zyzx/category/21065.html
*/
為什么我們可以在屏幕上看到文字呢？
我們知道屏幕顯示的是RGB三原色，軟件就是將一幅位圖（RGB8888等格式）交給顯卡，再呈現到用戶面前。也就是說UI里面劃分的控件也好、文字也罷，任何可顯化部分都使用BMP位圖來表達。所謂的控件也不過是工程師們賦予某個含有特定變化邏輯的位圖區域。
也就是說文字的表現形式是一幅位圖，那么計算機如何辨識哪個是"A"，哪個是"B"呢？偉大的計算機說了：一切都是數，也就是0或1。相應的各種編碼標準應運而生，比如ascii、GB2312、GBK等等。也就是說一個數值，表示一個文字，顯示的時候卻是使用這個數值對應的圖片。
那么軟件所使用文字就有二個部分了：1.所有的字符串；2.字符串中每個字符對應的圖片。字符串資源的做法就各領風騷了，有人硬編碼；MFC使用exe的資源段；打包做到二進制文件等等。不管如何處理，最終都需要把一個字符串比如"Hello World!"交給繪圖模塊。繪圖模塊則需要把這個字符串拆分成單個字符，按照各個語言規則選取對應的圖片，一個一個的貼到屏幕上（其實是后臺緩存）。后面這個步驟一般由操作系統完成，那么是如何做到的呢？答案就是字庫，以及字庫的顯示規則。
字庫一般分為柵格字庫和矢量字庫，它們的目標都是根據一個編碼值取到對應圖片。柵格字庫相對來說簡單、高效，網絡上有很多關于這個的文章，可以找找相關的資料。
這里為方便，就直接取出"linux-3.18.3/lib/fonts/font_10x18.c"這個文件作為我們字庫數據。其他類型的字庫和這個類似，不過是將字模和規則存放于二進制文件中而已。
如上圖，右邊的注釋框中，有個明顯的由"1"組成的圖案。其實也就是由一個個比特位組成的二值圖片。
fontdata_10x18[FONTDATAMAX]這些數據組成的規則也很簡單：
1. 二值圖片高為18，寬為16(有效寬度為10)，每一行有2個字節，一個字模共36字節
2. 某ascii值的字模首地址為：fontdata_10x18[id * 36]
3. 這個是等寬字體
那么要顯示"1"其實就是就是需要將比特位1的地方著色繪制屏幕。
如下函數即是將此二值數據，繪制到緩存中。
int_t CWinGraph::DrawFont(LUI_CANVAS *ptr, int_t zoom, char id, int_t x, int_t y, int_t &cx, int_t &cy,uint32 color, bool border, uint32 color_border)
{
//下段代碼并不嚴謹
//實際的情況則需要看根據字庫的設計情況,按如下的思路即可
int_t w = 10, h = 18;
unsigned char *pFont = &fontdata_10x18[id * 36];
unsigned char *pData = ptr->pData + y * ptr->pitch + x * ptr->bpp;
for(int j = 0; j < h; j++)
{
unsigned char *pd = pData;
for(int i = 0; i < w; i++)
{
unsigned char *pf = pFont + j * 2 + (i >> 3);
if(*pf & (0x1 << (7 - i & 0x7)))
{
memcpy(pd, &color, ptr->bpp);
}
else if(border)
{
//簡單描邊算法
int xi = 0, yj = 0;
if(0 < j)
{
xi = i; yj = j - 1;
}
else if(j < (h - 1))
{
xi = i; yj = j + 1;
}
else if(0 < i)
{
xi = i - 1; yj = j;
}
else if (i < (cx - 1))
{
xi = i + 1; yj = j;
}
pf = pFont + yj * 2 + (xi >> 3);
if(*pf & (0x1 << (7 - xi & 0x7)))
{
memcpy(pd, &color_border, ptr->bpp);
}
}
pd += ptr->bpp;
}
pData += ptr->pitch;
}
cx = w;
cy = h;
return 0;
}
好了至于字符串，那就很簡單了，一個一個調用這個函數就可以了。
如下圖即是測試繪制的字符串：