前几天看了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
1
2Dim a(10,10)
3
4a(0,1) = "0x3c" '数字0
5a(0,2) = "0x66"
6a(0,3) = "0xc3"
7a(0,4) = "0xc3"
8a(0,5) = "0xc3"
9a(0,6) = "0xc3"
10a(0,7) = "0xc3"
11a(0,8) = "0xc3"
12a(0,9) = "0x66"
13a(0,10)= "0x3c"
14
15a(1,1) = "0x18" '数字1
16a(1,2) = "0x1c"
17a(1,3) = "0x18"
18a(1,4) = "0x18"
19a(1,5) = "0x18"
20a(1,6) = "0x18"
21a(1,7) = "0x18"
22a(1,8) = "0x18"
23a(1,9) = "0x18"
24a(0,10)= "0x7e"
25
26
27a(2,1) = "0x3c" '数字2
28a(2,2) = "0x66"
29a(2,3) = "0x60"
30a(2,4) = "0x60"
31a(2,5) = "0x30"
32a(2,6) = "0x18"
33a(2,7) = "0x0c"
34a(2,8) = "0x06"
35a(2,9) = "0x06"
36a(2,10)= "0x7e"
37
38a(3,1) = "0x3c" '数字3
39a(3,2) = "0x66"
40a(3,3) = "0xc0"
41a(3,4) = "0x60"
42a(3,5) = "0x1c"
43a(3,6) = "0x60"
44a(3,7) = "0xc0"
45a(3,8) = "0xc0"
46a(3,9) = "0x66"
47a(3,10)= "0x38"
48
49a(4,1) = "0x38" '数字4
50a(4,2) = "0x3c"
51a(4,3) = "0x36"
52a(4,4) = "0x33"
53a(4,5) = "0x33"
54a(4,6) = "0x33"
55a(4,7) = "0xff"
56a(4,8) = "0x30"
57a(4,9) = "0x30"
58a(4,10)= "0xfe"
59
60a(5,1) = "0xfe" '数字5
61a(5,2) = "0xfe"
62a(5,3) = "0x06"
63a(5,4) = "0x06"
64a(5,5) = "0x3e"
65a(5,6) = "0x60"
66a(5,7) = "0xc0"
67a(5,8) = "0xc3"
68a(5,9) = "0x66"
69a(5,10)= "0x3c"
70
71a(6,1) = "0x60" '数字6
72a(6,2) = "0x30"
73a(6,3) = "0x18"
74a(6,4) = "0x0c"
75a(6,5) = "0x3e"
76a(6,6) = "0x63"
77a(6,7) = "0xc3"
78a(6,8) = "0xc3"
79a(6,9) = "0x66"
80a(6,10) ="0x3c"
81
82a(7,1) = "0xff" '数字7
83a(7,2) = "0xc0"
84a(7,3) = "0x60"
85a(7,4) = "0x30"
86a(7,5) = "0x18"
87a(7,6) = "0x18"
88a(7,7) = "0x18"
89a(7,8) = "0x18"
90a(7,9) = "0x18"
91a(7,10)= "0x18"
92
93a(8,1) = "0x3c" '数字8
94a(8,2) = "0x66"
95a(8,3) = "0xc3"
96a(8,4) = "0x66"
97a(8,5) = "0x3c"
98a(8,6) = "0x66"
99a(8,7) = "0xc3"
100a(8,8) = "0xc3"
101a(8,9) = "0x66"
102a(8,10)= "0x3c"
103
104a(9,1) = "0x3c" '数字9
105a(9,2) = "0x66"
106a(9,3) = "0xc3"
107a(9,4) = "0xc3"
108a(9,5) = "0x66"
109a(9,6) = "0x3c"
110a(9,7) = "0x18"
111a(9,8) = "0x0c"
112a(9,9) = "0x06"
113a(9,10)= "0x03"
114
显示的方法是:
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
1
2Dim Image
3Dim Width, Height
4Dim num
5Dim digtal
6Dim Length
7Dim sort
8Length = 10 '自定计数器长度
9
10Redim sort( Length )
11
12
13num = 62275 '计数器的值
14digital = ""
15For I = 1 To Length -Len( num ) '补0
16digital = digital & "0"
17Next
18For I = 1 To Len( num )
19digital = digital & Mid( num, I, 1 )
20Next
21For I = 1 To Len( digital )
22sort(I) = Mid( digital, I, 1 )
23Next
24Width = 8 * Len( digital ) '图像的宽度
25Height = 10 '图像的高度，在本例中为固定值
26
27
28Response.ContentType="image/x-xbitmap"
29
30hc=chr(13) & chr(10)
31
32Image = "#define counter_width " & Width & hc
33Image = Image & "#define counter_height " & Height & hc
34Image = Image & "static unsigned char counter_bits[]={" & hc
35
36For I = 1 To Height
37For J = 1 To Length
38Image = Image & a(sort(J),I) & ","
39Next
40Next
41
42Image = Left( Image, Len( Image ) - 1 ) '去掉最后一个逗号
43Image = Image & "};" & hc
44
45Response.Write Image
46
好了,简单的思路就是这样了,有什么错误的地方,还希望大家多多指正!