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.
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.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">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/>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.
