2017-07-07 1 views
0

http://www.createjs.com/tutorials/Mouse%20Interaction/の例に従うと、ドックアンドドロップする方法がわかります。何かが私のために間違っている。私はステージがクリックされたときにサークルを追加し、次にxの位置を取得しようとします...私のアラートは0を示しますが、円は正しい場所に表示されます。それから私はドラッグしようとし、円は周りを移動しますが、マウスポインタから遠くに移動します。Easeljs:クリック時にステージに追加されたオブジェクトにX値がありません

var stage = new createjs.Stage("demoCanvas")  
stage.on("stagemousedown", function(evt) { 
    var corn = new createjs.Shape() 
    corn.graphics.beginFill('white').drawCircle(evt.stageX, evt.stageY, 20).endFill() 
    stage.addChild(corn) 
    stage.update() 
    alert(corn.x) 

    corn.on("pressmove", function(dragEvent) { 
     dragEvent.target.x = dragEvent.stageX; 
     dragEvent.target.y = dragEvent.stageY; 
     stage.update() 
    }); 
}) 

答えて

1

グラフィックス座標で図形のx/y位置を誤って入力しています。 xまたはyの位置を変更していないので、形状は[0,0]です。

[0,0]に円を描き、マウスの位置に移動します。迅速な答えをhttp://jsfiddle.net/xnn803sx/

+0

ありがとう:

var corn = new createjs.Shape() .set({x:evt.stageX, y:evt.stageY}); corn.graphics.beginFill('green').drawCircle(0,0,20).endFill(); 

は、ここでは簡単フィドルです! :) – user3055135

関連する問題