设置边缘模糊的mask效果

2009-08-18 10:00:29 作者：现世腾龙 来源：设计师之家 浏览次数：0 网友评论 0 条

1. //随便加载一张图片,来用处为mask的目标   
2. var image:Loader = new Loader();   
3. image.cacheAsBitmap = true;//此步重要,把对象缓存为位图   
4. addChild(image);   
5. image.load(new URLRequest("/UploadTeach/200901/20090116172551237.jpg"));   
6.   
7. //加载一张png图,作为mask区域;   
8. var loader:Loader = new Loader();   
9. loader.contentLoaderInfo.addEventListener(Event.COMPLETE,complete)   
10. loader.filters = [new BlurFilter(0,0,0)]//此步重要,给对象加一个filter   
11. addChild(loader)   
12. loader.load(new URLRequest("/UploadTeach/200901/20090116172553577.png"));   
13.   
14. //设置mask   
15. image.mask = loader;   
16.   
17. //设置一个slider调整mask的边缘模糊   
18. addChild(s);   
19. s.addEventListener(Event.CHANGE,change);   
20. function change(e:Event):void  
21. {   
22.     loader.filters = [new BlurFilter(s.value,s.value,s.value)]   
23. }   
24.   
25. //以下代码非必要......................................................................   
26.   
27. //把png复制一份显示出来   
28. function complete(e:Event):void  
29. {   
30.     var bit:BitmapData = Bitmap(loader.content).bitmapData.clone();   
31.     var bmp:Bitmap = new Bitmap(bit);   
32.     bmp.x = 256;   
33.     addChild(bmp);   
34. }