設置邊緣模糊的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);

}