下記のコードで、線とドットが表示されますが
ドットの上をドラッグしてもドットが上に来てしまい
線で塗りつぶしが出来ません。

ドットを塗りつぶすにはどうすればよいのでしょうか
よろしくお願いいたします。

var canvas:Sprite = new Sprite();
board.addChild(canvas);

//線の太さとカラー指定
canvas.graphics.lineStyle(10,0xFFFFFF);

board.addEventListener(MouseEvent.MOUSE_DOWN,drawOn);
board.addEventListener(MouseEvent.CLICK,drawDott);

//ドット書き込み
function drawDott(e:MouseEvent):void{
var dott:Shape = new Shape();
dott.graphics.beginFill(0xff0000);
dott.graphics.drawCircle(board.mouseX,board.mouseY,5);
dott.graphics.endFill();
canvas.addChild(dott);
}

//現在のマウスの位置に、moveToメソッドを使って描画のスタート地点を移動
function drawOn(event:MouseEvent) {
board.addEventListener(MouseEvent.MOUSE_MOVE,drawLine);
canvas.graphics.moveTo(event.localX,event.localY);
}
//マウスを離したら、描画モードをオフにする
board.addEventListener(MouseEvent.MOUSE_UP,drawOff);
board.addEventListener(MouseEvent.ROLL_OUT,drawOff);
function drawOff(event:MouseEvent) {
board.removeEventListener(MouseEvent.MOUSE_MOVE,drawLine);
}
//マウスの移動に合わせて、線を引く関数
function drawLine(event:MouseEvent) {
canvas.graphics.lineTo(event.localX,event.localY);
}