# Drawing in as3

**URL:** <https://forum.kirupa.com/t/drawing-in-as3/316004>\
**Category:** flash\
**Created:** [November 10, 2010, 1:01am UTC](https://forum.kirupa.com/t/drawing-in-as3/316004 "2010-11-10T01:01:37Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matheus](https://avatars.discourse-cdn.com/v4/letter/m/ecd19e/32.png) [@Matheus](https://forum.kirupa.com/u/Matheus)\
**Post date:** [November 10, 2010, 1:01am UTC](https://forum.kirupa.com/t/drawing-in-as3/316004/1 "2010-11-10T01:01:37Z")

</div>

Gnight, i’ve tried to simulate a pencil tool, for drawing above a imagem, but the drawing is below the picture. How fix it?  
ty

```auto

lapis.addEventListener(MouseEvent.CLICK, selecionaFerramenta);

    
    
var drawing:Boolean = false;
var c:Sprite;
var container:MovieClip;
var l:Loader = new Loader();
var url:URLRequest = new URLRequest("face.png");

var sp:Sprite = new Sprite();
addChild(sp);
var g:Graphics = sp.graphics;

init();

function init():void{
    
    container = new MovieClip();
    l.load(url);
    l.x = (stage.stageWidth /4) + 40 ;
    l.y = 132;
    container.addChild(l);
    stage.addChild(container);
    
    
    }

function selecionaFerramenta(e:MouseEvent):void{
        
        if(e.target.name == "lapis"){
                trace("lapis selecionado");
                g.lineStyle(2, 0x000000);
                g.moveTo(mouseX,mouseY);
                container.addEventListener(Event.ENTER_FRAME,onLoop);
                stage.addEventListener(MouseEvent.MOUSE_DOWN , onDown);
                stage.addEventListener(MouseEvent.MOUSE_UP , onUp);
                
            }
    }
    
    function onDown(e:MouseEvent):void{
            drawing = true;
        }
    
    function onUp(e:MouseEvent):void{
            drawing = false;
        }
        
        function onLoop(e:Event):void {
            if (drawing){
              
             g.lineTo(mouseX, mouseY);
        } else{
               g.moveTo(mouseX, mouseY);
        }
    }
    
    

    
    
    function criaCirculos(posX,posY):void{
            c = new Sprite();
            c.graphics.beginFill(0xff0000);
            c.graphics.drawCircle(posX,posY,2);
            c.graphics.endFill();
            container.addChild(c);
        }

```