BlendMode.OVERLAY, BlendMode.SCREEN, BlendMode.SUBTRACT : Image Blend « Graphics « Flex

1. Flex
2. Graphics
3. Image Blend

BlendMode.OVERLAY, BlendMode.SCREEN, BlendMode.SUBTRACT

            
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
    <mx:Canvas width="800" height="800">
        <mx:Script>
            
                import flash.display.BlendMode;
          
        </mx:Script>
        <mx:Image id="img1" source="a.jpg"/>
        <mx:Image id="img2" source="a.jpg"/>
        <mx:HBox>
            <mx:CheckBox id="chb" label="which one"/>
            <mx:ComboBox id="cb" dataProvider="{[BlendMode.OVERLAY, BlendMode.SCREEN, BlendMode.SUBTRACT]}"
             change="chb.selected ? img1.blendMode = cb.selectedItem as String : img2.blendMode = cb.selectedItem as String"/>
        </mx:HBox>
    </mx:Canvas>
</mx:Application>

   
    
    
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	BlendMode.DIFFERENCE, BlendMode.ERASE, BlendMode.HARDLIGHT, BlendMode.INVERT
2.	BlendMode.LAYER, BlendMode.LIGHTEN, BlendMode.MULTIPLY, BlendMode.NORMAL
3.	Blend Modes
4.	Use Blend Modes with Multiple Images