矩形的情况
<script>
drawing=false;
startx=0;starty=0;
stopx=0;stopy=0;
w=0;h=0;
function mydown()
{
startx=event.clientX;
starty=event.clientY;
drawing=true;
}
function mymove()
{
if(drawing)
{
stopx=event.clientX;
stopy=event.clientY;
h=stopy-starty;
w=stopx-startx;
if(h>0&&w>0)
{
status="x1="+startx+";y1="+starty+";x2="+stopx+";y2="+stopy+"w="+w+";h="+h;
mydraw.innerHTML='<span style="position:absolute;left:'+startx+';top:'+starty+';height:'+h+';width:'+w+';font-size:1px;background-color:yellow;FILTER:Alpha(Opacity=30)" onmousedown=mydown() onmousemove=mymove() onmouseup=myup()>&nbsp;</span>';
}
}
}
function myup()
{
drawing=false;
}
</script>
<img src="http://www.fredi-bobic.de/images/fun/fotos/sportnat3.jpg" onmousedown=mydown() onmousemove=mymove() onmouseup=myup()>
<div id=mydraw></div>