使用ColorPicker设置Canvas颜色

原理：使用ColorPicker控件的change事件来设定Canvas的背景颜色。代码如下：

<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>
<![CDATA[
import mx.events.ColorPickerEvent;
private function setColor(evt:ColorPickerEvent):void
{
cnv.setStyle("backgroundColor",evt.color); }
]]>
</mx:Script>
</mx:Application>

 效果如图：