长沙市 省计量局
傅胜
---- 我们在网页设计过程中，有时为了模拟单色vga 的显示效果或为了进行某种形象的夸张设计，而将彩色图形画面变为黑白显示，这就需要使用彩色到黑白的灰度变换技术。

---- 灰度变换的算法其实很简单，只要提取每个象素点的红、绿、蓝三原色，然后根据公式：灰度值= 红色亮度值*30%+绿色亮度值*59%+蓝色亮度值*11%，计算出一个灰度值，并将其作为红，绿，蓝三原色的新值重新写回显存即可。

---- 具体步骤如下：

---- 一，调用graphics 对象的drawimage() 方法，在applet 中显示出一幅名为 test.jpg 的彩色图象，drawimage() 的调用形式为： g.drawimage(name,x,y, width,heigth,this)。

---- 二，定义一个数组存放这幅彩色图像的rgb 值，数组大小就是图像的象素个数。使用pixelgrabber()获取每个象素点的rgb值。

---- 三，使用灰度变换公式计算出每个象素点的灰度值，并将其作为新的rgb 值存放回数组中，再调用createimage()方法构造出新的黑白图象。

---- 四，显示出该黑白图片。为了防止变换过程中的闪烁现象，程序中还使用了双缓冲技术，即先在虚屏中画好图象，再一次性的显示出来。

---- 程序中使用鼠标来控制彩色到黑白的变换。

---- 灰度变换的tt4.java源程序如下所示：

import java.applet.*;
import java.awt.*;
import java.awt.image.*;
public class tt4 extends applet
{
image art,buf;
int onced=0;
boolean is_color=true;
graphics bufg;//使用双缓冲区技术抑制闪烁；
dimension xy=null;
public void init()
{ art=getimage(getdocumentbase(),"test.jpg");
resize(640, 480);//装入图片；
}
public void paint(graphics g)
{ if (onced==0)
//如果是第一次装入图片，则直接显示；
{ g.drawimage(art,0,0,this);
}
if ((onced==1)||(onced==2))
//如果正在进行灰度变换，则提示等待；
{ g.setcolor(new color(255,200,0));
g.drawstring("running!", 1, 30);
}
if (onced==3)
//如果灰度变换完毕，则显示结果；
{ if (is_color) g.drawimage(buf,0,0,this);
else g.drawimage(art,0,0,this);
is_color=!is_color;//在彩色与黑白之间变化；
}
}
public boolean mousedown(event evt, int x, int y)
{ if (onced==0)
{ onced=1;
}
repaint();//用鼠标触发事件；
return true;
}
public boolean mouseup(event evt, int x, int y)
{ if (onced==1)
{ onced=2;
int wd=art.getwidth(this); //取得图片宽；
int ht=art.getheight(this);//取得图片高；
getpixels(art,0,0,wd,ht);//调用灰度变换方法；
}
return true;
}
public void getpixels(image img,int x,int y,int w,int h)
{ int[]pixels=newint[w*h];
//定义一块内存空间；
int gray;
pixelgrabber pg=new pixelgrabber(img,x,y,w,h,pixels,0,w);
try{pg.grabpixels();
}
catch(interruptedexceptione)
{system.err.println("interrupted waiting for pixels!");
return;
}
for(intj=0;j> 16)&0xff)*0.3);
gray+=(int)(((pixels[w*j+i]>>8)&0xff)*0.59);
gray+=(int)(((pixels[w*j+i] )&0xff)*0.11);
//由红，绿，蓝值得到灰度值；
pixels[w*j+i]=(255<<24)|(gray<<16)|(gray<<8)|gray;
}
}
image pic=createimage(new memoryimagesource(w,h,pixels,0,w));
bufg.drawimage(pic,0,0,this); //显示黑白图片；
onced=3;
repaint();
}
public void update(graphics g)
{ if(xy==null)
{ xy=this.size();
buf=createimage(xy.width,xy.height);
bufg=buf.getgraphics();
}
paint(g);//修改update方法，避免闪烁；
}
}

---- 将源程序编译后得到tt4.class文件，利用java applet wizard自动生成的 html文件(tt4.html) ，就可在浏览器中欣赏它的效果了。

---- 包含applet的html文件如下所示：

< html >
< head >
< title >对彩色图片进行灰度变换< /title >
< /head >
< body >
< p align="center" >< applet
code=tt4.class
name=tt4
width=250
height=188 >
< /applet >
< /body >
< /html >
---- 其中参数width 和height就是待变换图片的宽与高。如果要更换图片，请将待换图片改名为test.jpg。

---- 运行时，单击鼠标左键就可将彩色图片变换成黑白图片，再单击一下鼠标左键又可还原为彩色图象。本程序在windows95、visual j++1.1、ie4.0 环境下运行通过。