Applying filter to s:bitmapImage makes images disappear!?

Question

I wonder if anyone can help... I am attempting to apply a filter to s:bitmapImage but no matter if I do this in as3 or mxml as soon as i apply the filter the whole image disappears! I have tried this with different sorts of filter (dropshadow, glow) etc. but all do the same thing? Without any filter the image is show perfectly fine!
The source of my s:bitmapImage is generated programmatically at runtime and is linked via a binding...
Can anyone tell me what I am doing wrong?
Thanks,
Mark.

Answer 1

hi,
The following code uses a spark bitmapimage that has a blur filter and the filter seems to work with out issue.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
   xmlns:s="library://ns.adobe.com/flex/spark"
   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
   xmlns:net="flash.net.*" creationComplete="application1_creationCompleteHandler(event)">
<fx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.FlexEvent;
import mx.utils.ObjectUtil;
import spark.filters.BlurFilter;
private var ldr:Loader = new Loader();
private  function btn_click(evt:MouseEvent):void  {
var arr:Array = [];
arr.push(new FileFilter("Images", ".gif;*.jpeg;*.jpg;*.png"));
fileReference.browse(arr);
private  function fileReference_select(evt:Event):void  {
fileReference.load();
private  function fileReference_complete(evt:Event):void {
ldr.contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete);
ldr.loadBytes(fileReference.data);
//Alert.show(ObjectUtil.toString(fileReference));
private function onComplete(event:Event):void
ldr.contentLoaderInfo.removeEventListener( Event.COMPLETE, onComplete );
img.source = ldr.content;
protected function application1_creationCompleteHandler(event:FlexEvent):void
img.filters = [blur];
]]>
</fx:Script>
<fx:Declarations>
<net:FileReference id="fileReference"
   select="fileReference_select(event);"
   complete="fileReference_complete(event);" />
<s:BlurFilter id="blur" blurX="8" blurY="8"/>
</fx:Declarations>
<s:BitmapImage id="img" left="0" right="0" top="0" bottom="0" source ="@Embed('test.jpg')" fillMode="repeat"/>
<s:HGroup>
<s:Button id="btn"
   label="Browse"
   click="btn_click(event);" />
<s:Button id="btn2"
   label="Add Filter"
   x="50"
   click="img.filters=[blur]" />
<s:Button id="btn3"
   label="RemoveFilter"
   click="img.filters=[]" />
</s:HGroup>
</s:Application>