ちょっとだけ画像処理で縁取り作成
アイコンを見やすくするためにちょっとだけ画像処理をしてみました。
http://moeten.info/flex/20080603_tenkiMap/bin-release/main.html
これから
これに
便利なページ
filterExplorer
ここで確認しながら簡単にGlowFilterを作成します。
簡単なソース
//カスタムアイコン var bd:BitmapData = new BitmapData( 50, 31 ); bd.draw(loader.content); //アイコンの背景を削除 bd.threshold(bd, bd.rect , new Point() , ">=" , 0xffffffff ); var bm:Bitmap = new Bitmap(bd); //アイコンの縁取り bm.filters = [glf,glf2];
GlowFilterはこちら
<mx:GlowFilter id="glf" blurX="2" blurY="2" color="0x999999" strength="155" inner="true"/> <mx:GlowFilter id="glf2" blurX="2" blurY="2" color="0xffffff" strength="155"/>
こつはstrengthでメリハリさとinnerで内側に描画を使うことです。
内側に黒線を引いて外側に白線をつけてます。