以前用闪光做橡皮刷的时候通常都是通过绘制底图实现的,最近在发现其实还有一种更好的实现方法就是用bitmapdata的希腊字母的第一个字母通道。
只要在一张图片上用画画一个透明度为零的图片,就可以实现在画的区域图片透明了。
完成效果如下:
点击选择右边的橡皮刷或者画笔图标,再用鼠标在画面上拖动,看看会出现什么情况?
如同代码如下:
//导入所需要的类
导入闪光。展示。bitmapdata
导入闪光。吉姆。长方形;
导入闪光。吉姆。点;
//初始点(0,0)
var base_point:Point=新点(0,0);
//初始区域(0,0,25,25)
var base_rectangle:Rectangle=新矩形(0,0,25,25);
//导入库中图片
var位1:BitmapData=BitmapData。加载位图(' img 1 ');
//定义org_bit:BitmapData用于恢复图片
var org _ bit:BitmapData=new BitmapData(MC ._width,bit1.height,true,0);
org _ bit。draw(位1);
//draw_bit拷贝组织位用于涂鸦操作
var draw _ bit:BitmapData=org _ bit。clone();
//导入到舞台中
_ root。createemptymovieclip(' draw _ MC '1);
draw_mc.attachBitmap(draw_bit,1);
//定义橡皮刷擦除位和笔刷redraw_bit argb为0(透明)
var erase _ bit:BitmapData=new BitmapData(mc1 ._宽度,mc1 ._height,true,0);
var redraw _ bit:BitmapData=erase _ bit。clone();
//橡皮刷擦除位填充为白色,这里注意a必须不为0 rbg为FFFFFF
擦除位。fill rect(erase _ bit。矩形,0x ffffffff);
//定义橡皮刷擦除位和笔刷重绘位形状注意mc1必须为黑色你也可以尝试用别的颜色看看效果慢慢体会吧
擦除位。绘制(mc1);
redraw _ bit。绘制(mc1);
//交换擦除位r通道和a通道数值所以a通道数值为00
擦除位。复制通道(erase _ bit,erase_bit.rectangle,new Point(0,0),1,8);
//保存当前使用的工具
定义变量工具:字符串;
//点击笔刷工具
mc_bursh.onRelease=function()
{
这个。gotoandstop(2);
MC _ earse。gotoandstop(1);
工具=' bursh
};
//点击橡皮刷工具
mc_earse.onRelease=function()
{
这个。gotoandstop(2);
MC _ bursh。goto和stop(1);
工具=' easre
};
//在draw_bit上涂鸦
draw_mc.onPress=function()
{
痕迹(工具);
if (tools=='bursh ')
{
this.onMouseMove=bursh _ pic
}
if (tools=='easre ')
{
this.onMouseMove=earse _ pic
}
};
//停止涂鸦
draw_mc.onRelease=function()
{
删除this.onMouseMove
};
//橡皮刷工具
函数earse_pic()
{
var now _ rect:Rectangle=new Rectangle(_ x mouse,_ymouse,_xmouse base_rectangle.width,_ y mouse base _ Rectangle。身高);
trace(now _ rect);
//在draw_bit上使用复制像素希腊字母的第一个字母为错误的透明区域透明不透明区域保持原色
draw_bit.copyPixels(draw_bit,now_rect,new Point(_xmouse,_ymouse),erase_bit,new Point(0,0),false);
updateAfterEvent();
}
//笔刷工具
函数bursh_pic()
{
var now _ rect:Rectangle=new Rectangle(_ x mouse,_ymouse,_xmouse base_rectangle.width,_ y mouse base _ Rectangle。身高);
trace(now _ rect);
//在组织位上使用复制像素希腊字母的第一个字母为真实的则笔刷工具只有不透明的地方起作用
draw_bit.copyPixels(org_bit,now_rect,new Point(_xmouse,_ymouse),redraw_bit,new Point(0,0),true);
updateAfterEvent();
}
//移动背景图观察效果
mc.onPress=function()
{
这个。开始拖动();
};
mc.onRelease=function()
{
这个。停止拖动();
};