topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

sample-flex-image-round.mx

sample-flex-image-round.mx [swf] flex


  <?xml version="1.0" encoding="utf-8"?>
  <!-- http://blog.flexexamples.com/2008/09/09/rounding-the-corners-of-an-image-control-in-flex-using-a-mask/ -->
  <mx:Application name="Image_mask_test"
          xmlns:mx="http://www.adobe.com/2006/mxml"
          layout="vertical"
          verticalAlign="middle"
          backgroundColor="white"
          initialize="init();">

script(s)


  
      <mx:Script>
          <![CDATA[
  
 blog.flexexamples.com/2008/09/09/rounding-the-corners-of-an-image-control-in-flex-using-a-mask


              import mx.events.ResizeEvent;
  
              private var roundedMask:Sprite;
  
              private function init():void {
                  roundedMask = new Sprite();
                  canvas.rawChildren.addChild(roundedMask);
              }

resize (event)


              private function image_resize(evt:ResizeEvent):void {
                  var w:Number = evt.currentTarget.width;
                  var h:Number = evt.currentTarget.height;
                  var cornerRadius:uint = 60;
                  roundedMask.graphics.clear();
                  roundedMask.graphics.beginFill(0xFF0000);
                  roundedMask.graphics.drawRoundRect(0, 0,
                              w, h,
                              cornerRadius, cornerRadius);
                  roundedMask.graphics.endFill();
                  image.mask = roundedMask;
              }
          ]]>
      </mx:Script>

canvas


  
      <mx:Canvas id="canvas">
          <mx:Image id="image"
                  source="soutine.jpg"
                  resize="image_resize(event);">
          </mx:Image>
      </mx:Canvas>
  
  </mx:Application>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 27/08/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.