Smoothing your images in flex

Do you have jagged edges in your image when you show an image in flex?

There is a solution!

Using the Image tag in mxml to show your images you can set a property calling 'smoothing', when you set this property your images will look much better in your browser. The thing is this property is not available from mxml. They way to go to set this property is as follows:

<mx:Image
 id="img"
 source="yourimageurl.jpg"
 complete="(img.content as Bitmap).smoothing = true;"
/>

Using the 'SuperImage' control by Ely Greenfield? Not a problem, just add the following code in the method loadCompleteHandler (in SuperImage.as):

if(smoothImage && e.target != null && e.target.width > 0 && e.target.height > 0 ) {
 var loadedCnt:Bitmap = e.target.content;
 loadedCnt.smoothing = true;
}

Offcourse you also have to add the (public) property 'smoothImage' to the class. I set this property to true by default, making it the default behavoir until otherwise specified.