Use a ColorPicker to Set Canvas Color

       
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">

    <mx:Canvas id="cnv" width="450" height="450" backgroundColor="#eeaeaea">
        <mx:ColorPicker id="pckr" right="10" top="10" change="setColor(event)"/>
    </mx:Canvas>
    <mx:Script>
        
            import mx.events.ColorPickerEvent;

            private function setColor(evt:ColorPickerEvent):void{
                cnv.setStyle("backgroundColor",evt.color); 
            }
      
    </mx:Script>
</mx:Application>

1.	ColorPicker change event
2.	Get current selected color from ColorPicker
3.	Set color for ColorPicker
4.	Add an event listener for a change event and an open event to ColorPicker
5.	ColorPicker uses an Array of Objects with three fields: color, label, and descript.
6.	Bind HBox backgroundColor to ColorPicker colorValue
7.	GridItem Label, ColorPicker
8.	Use ControlBar to wrap ColorPicker and Button
9.	Change panel style in ColorPicker change event
10.	Populate a ColorPicker with a simple array of colors.
11.	ColorPicker Events
12.	A ColorPicker uses an Array of Objects with three fields: color, label, and descript
13.	ColorPicker with Custom Field Names

Use a ColorPicker to Set Canvas Color : ColorPicker « Components « Flex

Related examples in the same category