湖南长沙友谊集团计算机中心 吴民


--------------------------------------------------------------------------------

　

笔者在这里将画线,画或填充多边形等理解为"图形"技术,将图片的变换,显示理解为"图像"技术.

相对而言,图形技术较简单,图像技术较复杂.下面笔者从实用的角度出发,讲解几个图像编程问题.首先,我们看下面这个程序.

import java.applet.*;

import java.awt.*;

public class easy extends applet

{

int i=1;

image img;

public void init()

{

img=getimage(getcodebase(),"mama.gif");

}

public void paint(graphics g)

{

g.drawimage(img,0,0,this);

showstatus(string.valueof(i++));

}

}

html 文件如下:

<applet code="easy.class"width=300 height=300></applet>

程序非常简单. 但你注意到没有,在浏览器的状态栏,显示出的数值并不一定是1: 你要显示的图片幅面越大,这个数值越大.这说明 paint() 方法被调用了不止一次.那么，是谁,在什么时候调用的?

事实上,每当有新的图片数据到达或生成时,java小程序都会自动去调用paint()方法重绘屏幕.这个工作由imageobserver接口的imageupdate()方法实现.你可以超越这个imageupdate()方法,自己重新编程.考虑到本地的机器从web服务器上获取图片的速度一般比较慢,很多时候你必须要知道已经有多少图片数据已经被下载.下面给出一个示范程序,程序可以一边下载,一边显示,同时通知用户已经获得多少图片数据.

import java.awt.*;

import java.applet.*;

import java.awt.image.*;

public class image_download extends applet

{

image img;

int step=0;//step 用来表述已被下载的那部分图片的高度

int percent=0;//percent 用来表述已下载的图片的高度占图片总高度的百分比

public void init()

{

img=getimage(getcodebase(),"mama.gif");

}

public void paint(graphics g)

{

g.drawimage(img,0,0,this);

}

　

//下面我们超越本来的imageupdate()方法.每当有新的图片数据到达(或产生)时此方法会被自动调用

public boolean imageupdate(image img_ob,int flags,int x,int y,int width,int height)

{

if(((flags & somebits)!=0) & (img_ob==img))//判断是否又有新的图像数据都被下载

{

step=step+height;//计算已被下载的图片的高度

percent=step*100/img.getheight(this);//计算这个高度占图片高度的的百分比

showstatus(percent+"%");//在状态栏显示

repaint(x,y,width,height);//重绘屏幕.但只画新数据表达的部分.简单使用repaint()重绘

//整个屏幕会使画面闪烁

}

if((flags & error)!=0)//假如下载出错

showstatus("image loading error");

if((flags & allbits)!=0)//假如全部图片数据都已下载完

showstatus("done");

return true;

}

}

html文件如下:

<applet code="image_download.class"width=300 height=300></applet>

imageupdate()参数说明如下:

img_ob: 被监视的图像.

flags: 被监视图像的状态.

abort: 图像生成被异常中断

allbits: 全部图像都已生成

error: 发生错误

framebits: 完成一幅

height: 本次生成的高度

somebits: 已将生成了一部分图像

width: 本次生成的宽度

x: x轴坐标

y: y轴坐标

width: 本次下载的图像的宽度

height: 本次下载的图像的高度

　

下面用两个例子说明怎样获取大幅图像的局部.第一个例子使用cropimagefilter类去获得图像的局部.你可以这样使用这种技术:

首先根据图像裁剪过滤器产生图像过滤器.

imagefilter filter=new cropimagefilter (int x, int y, int width, int height).

x: 裁剪起始点 x 轴坐标

y: 裁剪起始点y 轴坐标

width: 裁剪宽度

height: 裁剪高度

然后根据根据过滤器产生图像生产者. imageproducer procuder=new filteredimagesource(baseimage.getsource(),filter).

baseimage: 将要被裁剪的图片

然后根据图像生产者产生新的图像. image img=createimage(procuder).

下面的程序使用上述技术裁剪图片.程序运行后,你用"拖拽"鼠标的方式(按住鼠标键并移动鼠标)在图片上选定一片区域,然后再在运行区上点击鼠标,刚才你选定的区域的图片将被复制到这个位置.要注意的是,程序并未对选择区域的起始点和终止点的相对位置作出判断,因此,你一定要使终止点在起始点的右下方.

import java.awt.*;

import java.applet.*;

import java.awt.image.*;

public class cropfilterimage extends applet

{

image baseimage,cropimage;//baseimage是原始图片,cropimage是根据选定区域产生的新图片

int sx,sy;//选定区域起始点坐标

int dx=0,dy=0;//要显示新图片的位置

int width,height;//选定区域的宽和高

boolean selected=false;//用来判定现在用户在干什么

public void init()

{

baseimage=getimage(getcodebase(),"mama.gif");

cropimage=baseimage;

}

public void paint(graphics g)

{

g.drawimage(baseimage,0,0,this);

g.drawimage(cropimage,dx,dy,this);

}

public boolean mousedown(event evt,int x,int y)

{

if(!selected)//假如用户开始选择

{

sx=x;//记下起始点

sy=y;

selected=true;

return true;

}

else//假如用户已经设定了选择区

{

dx=x;

dy=y;

cropimage=cropimage();//裁剪图像

repaint();//重画屏幕

selected=false;

}

return true;

}

public boolean mouseup(event evt,int x,int y)

{

if(selected)//用户松开鼠标健表示已确定选择区

{

width=math.abs(x-sx);

height=math.abs(y-sy);

getgraphics().drawrect(sx,sy,width,height);

}

return true;

}

public boolean mousedrag(event evt,int x,int y)

{

showstatus("from("+sx+","+sy+") to ("+x+","+y+")");

return true;

}

image cropimage()

{

imagefilter filter=new cropimagefilter(sx,sy,width,height);//根据图像裁剪过滤器产生过滤器

//下面根据过滤器产生图像生产者

imageproducer producer=new filteredimagesource(baseimage.getsource(),filter);

image img=createimage(producer);//根据图像生产者产生新图像

return img;

}

}

html文件如下:

<applet code="cropfilterimage.class"width=600 height=300></applet>

　

很多情况下上面的方法不实用.比如你想对图片作出某种变换,上面的方法就无能为力了.下面的程序给出更强大的算法:将图像数据取到数组中,再在数组中将需要的数据提取出来,依据这些数据再生成新的图像去显示.设想你有一个幅面大于窗口尺寸的图像要显示,你必须要让用户可以控制窗口的位置,通过移动窗口,浏览

整个图像.程序运行后,你可以用四个光标键移动窗口浏览全部图像.

程序中的关键技术有三个,第一个是pixelgrabber类用于获取图像数据.你可以这样使用:

首先生成一个pixelgrabber实例:

pixelgrabber pg=new pixelgrabber(image img,int x,int y,int width,int height,int pix[ ],int offset,int scansize)

img: 被取数据的图像

x: 起始点 x 轴坐标

y: 起始点 y 轴坐标

width: 图像宽度

height: 图像高度

pix[ ]: 目标数组

offset: 目标数组的起始地址

scansize: 图像每行点数

然后使用grabpixels( ) 方法取数据:

try { pg.grabpixels( ) ; }

catch ( interruptedexception e) { }

第二个关键技术是使用媒体追踪器mediatracker监视图像的生成情况.你可以这样使用:

首先生成一个媒体追踪器的实例:

mediatracker mt=new mediatracker(this);

　

然后向其中加入要追踪的图像:

mt.addimage(image image,int id)

image是你要追踪的图像, id是你设定的一个表示这个图像的序号.

然后使用waitforid ( int id ) 或 waitforall( ) 等待图像全部生成

try { mt.waitforid(1);}

catch(interruptedexception e){ }

第三个关键技术是使用内存数据(数组)产生图像.你可以这样使用:

createimage(new memoryimagesource(int width, int height, int pix[ ], int offset, int scanwidth)

width: 欲生成的图像的宽度

heidth: 欲生成的图像的高度

pix[ ]: 数据源

offset: 丛数组的哪里开始使用数据

scanwidth: 图像每行的象素数

程序如下:

import java.applet.*;

import java.awt.*;

import java.awt.image.*;

public class picture_window extends applet

{

image img_full,img_window;//img_full是原图像, img_window是从原图像中裁剪的要在窗口中显示的图像

int img_width,img_height;//原始图像的宽和高

int window_width=150,window_height=150;//窗口的宽和高

int window_x=30,window_y=30;//窗口的左上角坐标

int point_img_full,point_img_window;//原始图像数据数组的操作地址和窗口图像数据数组的操作地址

int img_full_data[];//原始图像数据数组.没有初始化是因为现在不知道原始图像的大小

int img_window_data[]=new int[window_width * window_height];//窗口图像数据数组

mediatracker mt=new mediatracker(this);//媒体追踪器

pixelgrabber img_full_grabber;//用来获取原始图像的数据

public void init()

{

img_window=createimage(window_width,window_height);//创建窗口图像

img_full=getimage(getcodebase(),"mama.gif");

//下面要等待直到全部的原始图像数据都被正确载入.否则无法知道原始图像的大小

mt.addimage(img_full,1);//向媒体追踪其中加入要追踪的图像

try{mt.waitforid(1);} // 等待全部数据被正确载入

catch(interruptedexception e){ }

img_width=img_full.getwidth(this);//现在可以获取原始图像的正确信息了.取它的宽和高

img_height=img_full.getheight(this);

img_full_data=new int[img_width * img_height];//初始化原始图像数据数组

img_full_grabber=new pixelgrabber(img_full,0,0,img_width,img_height,img_full_data,0,img_width);//准备获取图像数据

try{img_full_grabber.grabpixels();}//采集数据

catch(interruptedexception e){ }

get_img_window_data();//生成窗口图像

}

public void paint(graphics g)

{

g.drawimage(img_window,0,0,this);

}

public void get_img_window_data()

{

point_img_full=window_y * img_width+window_x;//从这个位置开始获取原始图像数据

point_img_window=0;//从这个位置开始向窗口图像数据数组放数据

for(int i=0;i<window_height;i++)//逐行处理

{

for(int j=0;j<window_width;j++)//逐列处理

img_window_data[point_img_window++]=img_full_data[point_img_full++];//取和存

　

point_img_full=point_img_full+img_width-window_width;//开始处理下一行

}

img_window=createimage(new memoryimagesource(window_width,window_height,img_window_data,0,window_width));//根据内存数据(数组)生成图像

//等待图像完全生成.否则一边生成一边绘制窗口图像会闪烁.

mt.addimage(img_window,1);

try{mt.waitforid(1);}

catch(interruptedexception e){}

}

//下面的键盘事件方法根据用户的按键重置窗口坐标,再生成图像,再显示

public boolean keydown(event e,int key)

{

switch(key)

{

case(event.up):

if(window_y>0)

window_y-=1;

break;

case(event.down):

if(window_y<(img_height-window_height))

window_y+=1;

break;

case(event.right):

if(window_x<(img_width-window_width))

window_x+=1;

break;

case(event.left):

if(window_x>0)

window_x-=1;

break;

default:

break;

}

showstatus(string.valueof(window_x)+" , "+string.valueof(window_y));

get_img_window_data();

getgraphics().drawimage(img_window,0,0,this);

return true;

}

}

html文件如下:

<applet code="picture_window.class"width=150 height=150></applet>

　

下面的程序对两个图像进行合成并显示来模拟图像的淡入淡出.程序运行后,每按一次向上键,前景图像就增强一点,每按一次向下键,前景图像就减弱一点.

首先你要了解图像数据.

每个象素点的信息由一个整数表达.整数共32个二进制位,从左向右,分成四个部分,每部分都是8位.

第一部分: alpha 信息.控制图像显示的强度.下面的程序就是通过调整这个数值控制图像的淡入淡出.

第二部分:红色数据.

第三部分:绿色数据.

第四部分:蓝色数据.

程序使用的方法是:先画背景图像,再在上面画带alpha数据的前景图像,通过调整alpha值使前景图像淡入 淡出.

import java.applet.*;

import java.awt.*;

import java.awt.image.*;

public class alpha extends applet

{

image background, foreground;//背景图像和前景图像

image foreground_new;//依据前景图像生成的带alpha通道的新图像

mediatracker mt;

int foreground_alpha=175;//前景图像的起始alpha值

int foreground_data[];//用来生成新图像的内存数据

pixelgrabber pg;

int transparancy;//前景图像的全透明点的像素值.只要前景图像的某个点是这个值,它就全透明

public void init()

{

background=getimage(getcodebase(),"mama.gif");

foreground=getimage(getcodebase(),"baba.gif");

mt=new mediatracker(this);

mt.addimage(background,1);

mt.addimage(foreground,2);

try{mt.waitforall();} // 等待所有图片的数据都被正确载入

catch(interruptedexception e){ }

foreground_data=new int[foreground.getwidth(this) * foreground.getheight(this)];//初始化

//下面把前景图片的数据载入数组

pg=new pixelgrabber(foreground,0,0,foreground.getwidth(this),foreground.getheight(this),foreground_data,0,foreground.getwidth(this));

try{pg.grabpixels();}

catch(interruptedexception e){ }

for (int i=0;i<(foreground.getwidth(this) * foreground.getheight(this));i++)

foreground_data[i]=foreground_data[i]&0x00ffffff;//把所有的象素的alpha值置为0

//下面我把图像左上角的点的值作为透明值.假如图像中哪个点的值和左上角的点的值一样,

//这个点就全透明--背景100%出现.我用这个比较简单的办法把前景图像中我不想要的部分去掉

transparancy=foreground_data[0];

}

public void paint(graphics g)

{

g.drawimage(background,0,0,this);

}

public boolean keydown(event e, int key)

{

if (key==event.up && foreground_alpha<255)//依据按键改变alpha值

foreground_alpha++;

if (key==event.down && foreground_alpha>0)

foreground_alpha--;

showstatus(string.valueof(foreground_alpha));//在状态栏显示alpha值

for (int i=0;i<(foreground.getwidth(this) * foreground.getheight(this));i++)//逐点处理

{

foreground_data[i]=foreground_data[i] & 0x00ffffff;//置此点为全透明

if (foreground_data[i]!=transparancy)//假如这个点的值和全透明点不同

foreground_data[i]=foreground_data[i] | (foreground_alpha<<24);//给它alpha值

}

foreground_new=createimage(new memoryimagesource(foreground.getwidth(this),foreground.getheight(this),foreground_data,0,foreground.getwidth(this)));//生成前景图象

mt.addimage(foreground_new,3);

try{mt.waitforid(3);}

catch(interruptedexception e2){ }

getgraphics().drawimage(background,0,0,this);//先画背景

getgraphics().drawimage(foreground_new,100,100,this);//再画前景

return true;

}

}

下面是html文件:

<applet code="alpha.class"width=300 height=300></applet>