Question

var stage, output;

function init() {
    stage = new createjs.Stage("testCanvas");

    // this lets our drag continue to track the mouse even when it leaves the canvas:
    // play with commenting this out to see the difference.
    stage.mouseMoveOutside = true; 


    var circle = new createjs.Shape();
    circle.graphics.beginFill("red").drawRoundRect(0, 0, 100,20,10);
    //console.log(circle.graphics.command.radius);

    var label = new createjs.Text("drag me", "bold 14px Arial", "#FFFFFF");
    label.textAlign = "center";
    label.y = -7;

    var dragger = new createjs.Container();
    dragger.x = 50;
    dragger.y = 10;
    dragger.addChild(circle, label);
    stage.addChild(dragger);

    dragger.on("pressmove",function(evt) {
        // currentTarget will be the container that the event listener was added to:
        //evt.currentTarget.x = evt.stageX;
        //evt.currentTarget.y = evt.stageY;
        // make sure to redraw the stage to show the change:
        //console.log(evt.currentTarget.children[0].graphics.command);
        var newWidth=  evt.stageX - evt.currentTarget.x;
        console.log(evt.currentTarget.children[0].graphics);
        if(newWidth<0)
            newWidth = 0; 
        evt.currentTarget.children[0].graphics.command.w= newWidth;
        evt.currentTarget.children[1].x= newWidth/2;
        stage.update();   
    });

    stage.update();
}

此代码在http://www.createjs.com/demos

下正常运行

（我可以到达这个evt.currentTarget.children [0] .graphics.command.w，因为evt.currentTarget.children [0]返回形状）但不是你自己的HTML。它是否需要在标题中添加任何js？

Answer 1

您是否检查过“pressmove”是否触发？

也许您应该使用此stage.enableMouseOver(20);来启用鼠标事件。

如何从鼠标事件evt.currentTarget.children [0]返回形状

1 个答案: