设置边缘模糊的mask效果

今天我们在之前的基本上..设置一下边缘模糊的mask~~
先看看效果:

 

01. //随便加载一张图片,来用处为mask的目标

02. var image:Loader = new Loader();

03. image.cacheAsBitmap = true;//此步重要,把对象缓存为位图

04. addChild(image);

05. image.load(new URLRequest("001.jpg"));

06.   

07. //加载一张png图,作为mask区域;

08. var loader:Loader = new Loader();

09. loader.contentLoaderInfo.addEventListener(Event.COMPLETE,complete)

10. loader.filters = [new BlurFilter(0,0,0)]//此步重要,给对象加一个filter

11. addChild(loader)

12. loader.load(new URLRequest("10020601.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);

}