设置边缘模糊的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);

34.}