随手写的flex画板

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init(event)"
minWidth="955" minHeight="600" layout="vertical" xmlns:local="*">
<mx:Script>
<![CDATA[
import mx.controls.Image;
import mx.controls.PopUpButton;
import mx.events.FlexEvent;
import mx.graphics.codec.JPEGEncoder;
import mx.managers.PopUpManager;
private  var isMouseDown:Boolean;
private var thickness:Number=1;
private var color:uint=0x000000;
private var alphas:Number=1;
private var pixelHinting:Boolean=true;
private var scaleMode:String=LineScaleMode.HORIZONTAL;
private var caps:String=CapsStyle.NONE;
private var joins:String=JointStyle.ROUND;
private var miterLimit:Number=3;

[Bindable]private var mX:Number=0;
[Bindable]private var mY:Number=0;

private function mouseDownHandlers(event:MouseEvent):void
{
if(event.buttonDown)
isMouseDown=true;

mX=event.localX;
mY=event.localY;

canva.graphics.lineStyle(thickness,color,alphas
,pixelHinting,scaleMode,caps,joins,miterLimit);

canva.graphics.moveTo(mX,mY);//这句如果去掉就成了一笔画
}

private function mouseUpHandlers(event:MouseEvent):void
{
if(!event.buttonDown)
isMouseDown=false;
}

private function mouseMoveHandlers(event:MouseEvent):void
{
if(isMouseDown)
{
mX=event.localX;
mY=event.localY;
canva.graphics.lineTo(mX,mY);
}
}

private function exportToImage():void
{
var fileReference:FileReference=new FileReference;
var bitMapData:BitmapData=new BitmapData(canva.width,canva.height);
bitMapData.draw(canva);
var bitMap:Bitmap=new Bitmap(bitMapData);
var bitArray:ByteArray=new JPEGEncoder().encode(bitMapData);
}

protected function init(event:FlexEvent):void
{
var ptw:PaintToolWin=PopUpManager.createPopUp(this,PaintToolWin) as PaintToolWin;
ptw.y=(canva.height-ptw.height)/2+canva.y;
ptw.x=canva.width-ptw.width+canva.x;
}

]]>
</mx:Script>

<mx:RadioButtonGroup id="rbg" change="{caps=rbg.selectedValue.toString()}"/>

<mx:HBox width="100%" horizontalAlign="center">
<mx:Label text="x:{mX} y:{mY}"/>
<mx:Label text="颜色"/>
<mx:ColorPicker id="cp" change="{color=cp.selectedColor}"/>
<mx:Label text="粗细"/>
<mx:HSlider id="vs" change="{thickness=vs.value}" minimum="0" maximum="100"/>
<mx:Label text="透明度"/>
<mx:HSlider id="vs1" change="{alpha=vs1.value}" minimum="0" maximum="1"/>
<mx:Label text="笔触形状"/>
<mx:RadioButton groupName="rbg" label="圆形" value="{CapsStyle.ROUND}"/>
<mx:RadioButton groupName="rbg" label="方形"  value="{CapsStyle.SQUARE}"/>
<mx:RadioButton groupName="rbg" label="无"  value="{CapsStyle.NONE}"/>
</mx:HBox>
<mx:Canvas id="canva" width="100%" height="100%" borderColor="red" borderStyle="solid"
  borderThickness="2" mouseChildren="true" mouseDown="mouseDownHandlers(event)"
  mouseMove="mouseMoveHandlers(event)" mouseUp="mouseUpHandlers(event)">
</mx:Canvas>
</mx:Application>