[flexcoders] circular image in flex

[stinas...@yahoo.com [flexcoders]]

Hello guys, i am trying to create a circular mask for an image control so that 
the picture can be circular. Here is my code so far. 
 

 <?xml version="1.0" encoding="utf-8"?>
 <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml";
   width="180"
   height="180"
   initialize="init();">
 

 <mx:Script>
 <![CDATA[
 import mx.events.ResizeEvent;
 

 private var roundedMask:Sprite;
 

 private function init():void
 {
 roundedMask=new Sprite();
 this.rawChildren.addChild(roundedMask);
 }
 

 private function image_resize(evt:ResizeEvent):void
 {
 
 roundedMask.graphics.clear();
 roundedMask.graphics.beginFill(0xFF0000); 
 roundedMask.graphics.drawCircle(stage.stageWidth / 2, stage.stageHeight / 2, 
90);
 roundedMask.graphics.endFill();
 image.mask=roundedMask;
 
 }
 ]]>
 </mx:Script>
 

 <mx:Image id="image"
  source="http://www.helpexamples.com/flash/images/image1.jpg";
  resize="image_resize(event);">
 </mx:Image>
 

 
 </mx:Canvas>
  
 

 the image is not the way i want it. Could someone please help