Affects Version/s: Adobe Flex SDK Previous
Fix Version/s: None
Component/s: Data Binding
Environment:Affected OS(s): Windows
Affected OS(s): Windows XP
Language Found: English
Steps to reproduce:
1. Create a data object with variables for an image location, mask location, mask width and mask height.
2. Override the Image class and add properties and handlers for setting this mask on the image (see attachments).
3. Bind the setters to the data object and set properties of the dataobject via user interaction.
In the included example there are 2 canvas elements with an extended Image in it. If you bind this MaskedImage class to local variables, rendering of the mask works fine. And the image is displayed as a circle.
The second MaskedImage has been binded to the DataObject and when the properties are changed the mask is not loaded correctly. And the entire image isn't visible anymore. Removing the mask makes the image visable again.
With testing we have the suspicion that the mask image is not loaded correctly. As when we read the bitmapdata of the mask and display it isn't drawn by the rendering engine (the mask of the first MaskedImage is rendered correctly and displayed when we read the bitmapdata).
The compiled example has view source anabled.
The image with the mask set via the data object is not displayed. The image set via directly binding to a local variable does display correctly.
The image with the mask set via the data object should be masked and displayed as a circle.
Workaround (if any):