不用圖像組件的ASP圖像計數器

前幾天看了netnice和qzsage君的貼子，頗有啟發，于是著手編了一個圖像計數器，這個圖像計數器沒有用圖像組件，也不是以前那樣用幾張圖片拼起來，而是用了*.xbm的圖片格式。這種格式可能只能在Windows+IE下才能顯示。
具體的思路是這樣:
圖片用點陣的形式表示，比如2:

00111100 0011為3 1100為C 即0x3c
01100110 0110為6 0110為6 0x66
01100000 ……. 0x表示十六進制數。
01100000 依此類推
00110000 這是用二進制數得到的點陣，其中的1為顯示一黑點，0不顯示
00011000 是一個反著看的2
00001100 其余數字可自已排列點陣再二進制化為十六進制數
00000110 缺點是只有黑白兩種顏色
00000110 顯示出來是白底黑字，要顯示黑底白字的話，對其取反就行了
01111110

下面是我”畫”的0-9的數字

num.asp

<%
Dim a(10,10)

a(0,1) = “0x3c” ‘數字0
a(0,2) = “0x66”
a(0,3) = “0xc3”
a(0,4) = “0xc3”
a(0,5) = “0xc3”
a(0,6) = “0xc3”
a(0,7) = “0xc3”
a(0,8) = “0xc3”
a(0,9) = “0x66”
a(0,10)= “0x3c”

a(1,1) = “0x18” ‘數字1
a(1,2) = “0x1c”
a(1,3) = “0x18”
a(1,4) = “0x18”
a(1,5) = “0x18”
a(1,6) = “0x18”
a(1,7) = “0x18”
a(1,8) = “0x18”
a(1,9) = “0x18”
a(0,10)= “0x7e”


a(2,1) = “0x3c” ‘數字2
a(2,2) = “0x66”
a(2,3) = “0x60”
a(2,4) = “0x60”
a(2,5) = “0x30”
a(2,6) = “0x18”
a(2,7) = “0x0c”
a(2,8) = “0x06”
a(2,9) = “0x06”
a(2,10)= “0x7e”

a(3,1) = “0x3c” ‘數字3
a(3,2) = “0x66”
a(3,3) = “0xc0”
a(3,4) = “0x60”
a(3,5) = “0x1c”
a(3,6) = “0x60”
a(3,7) = “0xc0”
a(3,8) = “0xc0”
a(3,9) = “0x66”
a(3,10)= “0x38”

a(4,1) = “0x38” ‘數字4
a(4,2) = “0x3c”
a(4,3) = “0x36”
a(4,4) = “0x33”
a(4,5) = “0x33”
a(4,6) = “0x33”
a(4,7) = “0xff”
a(4,8) = “0x30”
a(4,9) = “0x30”
a(4,10)= “0xfe”

a(5,1) = “0xfe” ‘數字5
a(5,2) = “0xfe”
a(5,3) = “0x06”
a(5,4) = “0x06”
a(5,5) = “0x3e”
a(5,6) = “0x60”
a(5,7) = “0xc0”
a(5,8) = “0xc3”
a(5,9) = “0x66”
a(5,10)= “0x3c”

a(6,1) = “0x60” ‘數字6
a(6,2) = “0x30”
a(6,3) = “0x18”
a(6,4) = “0x0c”
a(6,5) = “0x3e”
a(6,6) = “0x63”
a(6,7) = “0xc3”
a(6,8) = “0xc3”
a(6,9) = “0x66”
a(6,10) =”0x3c”

a(7,1) = “0xff” ‘數字7
a(7,2) = “0xc0”
a(7,3) = “0x60”
a(7,4) = “0x30”
a(7,5) = “0x18”
a(7,6) = “0x18”
a(7,7) = “0x18”
a(7,8) = “0x18”
a(7,9) = “0x18”
a(7,10)= “0x18”

a(8,1) = “0x3c” ‘數字8
a(8,2) = “0x66”
a(8,3) = “0xc3”
a(8,4) = “0x66”
a(8,5) = “0x3c”
a(8,6) = “0x66”
a(8,7) = “0xc3”
a(8,8) = “0xc3”
a(8,9) = “0x66”
a(8,10)= “0x3c”

a(9,1) = “0x3c” ‘數字9
a(9,2) = “0x66”
a(9,3) = “0xc3”
a(9,4) = “0xc3”
a(9,5) = “0x66”
a(9,6) = “0x3c”
a(9,7) = “0x18”
a(9,8) = “0x0c”
a(9,9) = “0x06”
a(9,10)= “0x03”

%>

顯示的方法是:

1.先傳出一個MIME:
Response.ContentType = “image/x-xbitmap”
2.再傳出一個c++的源程序,如顯示2:
#define counter_width 8
#define counter_height 10
static unsigned char counter_bits[] = {
0x3c,0x66,0x60,0x60,0x30,0x18,0x0c,0x06,0x06,0x7e
};
這樣在瀏覽器上就顯示出來一個8*10像素的2了

要顯示兩個或以上的數字的時候，須改動寬度的值(必須是圖像點陣寬度的整數倍)，在count_bits[]數組的值排序如下：
比如顯示 12
a(1,1), a(2,1), a(1,2), a(2,2)… a(1,10), a(2,10)
下面是具體計數器的例子:

count.asp

<!–#include file=”num.asp”–>
<%
Dim Image
Dim Width, Height
Dim num
Dim digtal
Dim Length
Dim sort
Length = 10 ‘自定計數器長度

Redim sort( Length )


num = 62275 ‘計數器的值
digital = “”
For I = 1 To Length -Len( num ) ‘補0
digital = digital & “0”
Next
For I = 1 To Len( num )
digital = digital & Mid( num, I, 1 )
Next
For I = 1 To Len( digital )
sort(I) = Mid( digital, I, 1 )
Next
Width = 8 * Len( digital ) ‘圖像的寬度
Height = 10 ‘圖像的高度，在本例中為固定值


Response.ContentType=”image/x-xbitmap”

hc=chr(13) & chr(10)

Image = “#define counter_width ” & Width & hc
Image = Image & “#define counter_height ” & Height & hc
Image = Image & “static unsigned char counter_bits[]={” & hc

For I = 1 To Height
For J = 1 To Length
Image = Image & a(sort(J),I) & “,”
Next
Next

Image = Left( Image, Len( Image ) – 1 ) ‘去掉最后一個逗號
Image = Image & “};” & hc

Response.Write Image

%>

好了,簡單的思路就是這樣了,有什么錯誤的地方,還希望大家多多指正!