2016-05-13 68 views
0

sample 我想用鼠標在舞臺上畫一個矩形,但是矩形不能改變大小。Createjs,如何用鼠標在舞臺上畫一個矩形

這是代碼:

var planetText,selectBox=new createjs.Shape(),x, y, width, height; 
    stage.on('mousedown',function(event){ 
    x = event.stageX;y = event.stageY; 
    selectBox.graphics.beginFill('#ffffff').drawRect(x, y, 100, 100); 
    selectBox.set({alpha:0.5}); 
    planetText = new createjs.Text(x+','+y +','+0+','+0, "16px Arial", "#ffffff"); 
    planetText.set({textAlign:'center',textBaseline:'middle',x:x,y:y}); 

    //console.log(selectBox); 
    stage.addChild(selectBox); 
    stage.addChild(planetText); 
    stage.update(); 

    }); 
    stage.addEventListener('pressmove',function (event){ 
    //console.log(event); 
    width = event.stageX - x; 
    height = event.stageY - y; 
    planetText.text = x + ',' + y +','+width+','+height; 
    //selectBox.set({w:width,h:height}); 
    createjs.Tween.get(selectBox).to({width:width,height:height},100,createjs.Ease.bounceIn()); 
    stage.update(); 
    }); 
    stage.on('pressup',function(event){ 
    //console.log(self.selectBox); 
    createjs.Tween.get(selectBox).to({alpha:0},300,createjs.Ease.bounceIn()); 
    stage.removeChild(selectBox); 
    stage.update(); 
    }); 

如何固定它,THX〜

回答

相關問題