var canvas:Sprite = new Image();
canvas.x = 10;
canvas.y = 10;
this.stage.addChild(canvas);
//
var myBitmapData:BitmapData = new BitmapData (canvas.width, canvas.height, false, 0x00FFFFFF);
var bytes:ByteArray;
//
var child:Shape = new Shape();
var isDrawing:Boolean = false;
canvas.stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
canvas.stage.addEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler);
canvas.stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
function mouseDownHandler(event:MouseEvent) {
    isDrawing = true;
    if ( isDrawing) {
        child.graphics.lineStyle(2, 0xFF0000);
        child.graphics.moveTo(mouseX, mouseY);
    }
}
function mouseMoveHandler(event:MouseEvent) {
    if (isDrawing) {
        child.graphics.lineTo(mouseX, mouseY);
    }
    if (mouseX < canvas.stage.getBounds(this).x || mouseX >295) {
        isDrawing = false;
    }
    if (mouseY < canvas.stage.getBounds(this).y || mouseY >145) {
        isDrawing = false;
    }
}
function mouseUpHandler(event:MouseEvent) {
    canvas.addChild(child);
    isDrawing = false;
    var rect:Rectangle = new Rectangle(0, 0, canvas.width, canvas.height);
    myBitmapData.draw(canvas);
    
    

    bytes = myBitmapData.getPixels(rect);
    //
    bytes.position = 0;
}





function TimerExample() {
    var myTimer:Timer = new Timer(5000, 1);
    
    myTimer.addEventListener(TimerEvent.TIMER, drawRectangle);
    //myTimer1.addEventListener(TimerEvent.TIMER, drawRectangle1);
    myTimer.start();
    
}



TimerExample();

function drawRectangle(evt:TimerEvent):void {
    if (this.getChildByName("bm") != null) {
        this.removeChild(this.getChildByName("bm"));
    }
    
     var url:String = "http://localhost:81/Drawing/save.php";
    
     var request:URLRequest = new URLRequest(url);
     var loader:URLLoader = new URLLoader (request);
       request.data = bytes;
     request.method = URLRequestMethod.POST;                
     request.contentType = 'application/octet-stream';
        loader.addEventListener(Event.COMPLETE, onComplete);
    loader.load(request);
    
        
}
function onComplete (event:Event):void{
    
        statusTxt1.text = event.target.data;
        trace(event.target.data);

        var myBitmapData_2:BitmapData = new BitmapData (canvas.width, canvas.height, false, 0x00FFFFFF);
        var rect_2:Rectangle = new Rectangle(0, 0, canvas.width, canvas.height);
        myBitmapData_2.setPixels(rect_2, event.target.data);
        var bm:Bitmap = new Bitmap(myBitmapData_2);
        bm.name = "bm";
        this.addChild(bm);
        bm.x = 200;
        bm.y = 200;
}