Posted on: July 1, 2010 at 12:00 AM
MX Mask Effect in Flex4:
A mask effect is a subclass of the MaskEffect class. The
Mask Effect class include the wipe and Iris effect. It is a overlay effect. To
control the mask by using mask property. You can use the several properties of
the MaskEffect which are following:
scaleXFrom, scaleYFrom, scaleXTo, and scaleX which is used for the initial and
final position of the mask. In this example we use a canvas as a mask which is
provide the mask effect to the Image component.
Example:
|
<?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"> <s:Panel title="MX Mask Effect Example" width="476" height="448"chromeColor=" #000000" color="#CCCCCC"> <mx:Image source="@Embed(source='file:/C:/work/bikrant/image/b.jpg')"x=" 10" y="10" mask="{maskCanvas}"> <mx:filters> <mx:DropShadowFilter/> </mx:filters> </mx:Image> <mx:Canvas x="13" y="12"width=" 447" height="388"backgroundColor=" #fff000"id=" maskCanvas"cornerRadius=" 30"borderStyle=" solid"/> </s:Panel></s:Application> |
Output:
Running Application:
To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed.
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.
