Setting the corner radius on a Spark BitmapImage control in Flex 4

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2010/02/07/setting-the-corner-radius-on-a-spark-bitmapimage-control-in-flex-4/ -->
<s:Application name="Spark_BitmapImage_cornerRadius_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:controlBarContent>
        <mx:Form>
            <mx:FormItem label="cornerRadius:">
                <s:HSlider id="sl"
                        minimum="0"
                        maximum="{bmpImg.height/2}" />
            </mx:FormItem>
        </mx:Form>
    </s:controlBarContent>
 
    <s:BitmapImage id="bmpImg"
            source="@Embed('assets/image1.jpg')"
            horizontalCenter="0" verticalCenter="0">
        <s:mask>
            <s:BorderContainer id="bmpMask"
                    cornerRadius="{sl.value}"
                    width="{bmpImg.width}" height="{bmpImg.height}" />
        </s:mask>
    </s:BitmapImage>
 
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2010/02/07/setting-the-corner-radius-on-a-spark-bitmapimage-control-in-flex-4/ -->
<s:Application name="Spark_BitmapImage_cornerRadius_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx"
        initialize="init();">
 
    <fx:Script>
        <![CDATA[
            import mx.containers.Form;
            import mx.containers.FormItem;
            import mx.core.FlexGlobals;
            import mx.events.ResizeEvent;
 
            import spark.components.BorderContainer;
            import spark.components.HSlider;
            import spark.primitives.BitmapImage;
 
            [Embed("assets/image1.jpg")]
            protected const IMG:Class;
 
            protected var sl:HSlider;
            protected var bmpImg:BitmapImage;
            protected var bmpMask:BorderContainer;
 
            protected function init():void {
                var image:Object = new IMG();
 
                sl = new HSlider();
                sl.maximum = image.height / 2;
                sl.addEventListener(Event.CHANGE, sl_changeHandler);
 
                var frmItm:FormItem = new FormItem();
                frmItm.label = "cornerRadius:";
                frmItm.addElement(sl);
 
                var frm:Form = new Form();
                frm.addElement(frmItm);
 
                Application(FlexGlobals.topLevelApplication).controlBarContent = [frm];
 
                bmpMask = new BorderContainer();
                bmpMask.setStyle("cornerRadius", sl.value);
                bmpMask.width = image.width;
                bmpMask.height = image.height;
 
                bmpImg = new BitmapImage();
                bmpImg.source = image;
                bmpImg.mask = bmpMask;
                bmpImg.horizontalCenter = 0;
                bmpImg.verticalCenter = 0;
                addElement(bmpImg);
            }
 
            protected function sl_changeHandler(evt:Event):void {
                bmpMask.setStyle("cornerRadius", sl.value);
            }
        ]]>
    </fx:Script>
 
</s:Application>