globalToLocal的坐标变换

globalToLocal

$(function() {

    init();

});

// globalToLocal

var stage, holder1, holder2,shape;

function init(e) {

    stage = new createjs.Stage('demo1');

    holder1 = new createjs.Container();

    holder1.x = holder1.y = 10;

    holder2 = new createjs.Container();

    holder2.x = holder2.y = 150;

    holder1.addChild(holder2);

    stage.addChild(holder1);

    shape = new createjs.Shape();

    shape.graphics.beginFill('red').rect(10,10,30,30);

    shape.x = 10;

    shape.y = 10;

    shape.alpha = 0.1;

    holder2.addChild(shape);

    shape.on('click', shapeClick);

    var line = new createjs.Shape();

    line.graphics.beginStroke('black').moveTo(0, 150).lineTo(300, 150).moveTo(150, 0).lineTo(150, 300);

    line.graphics.beginStroke('green').moveTo(0, 180).lineTo(300, 180).moveTo(180, 0).lineTo(180, 300);

    stage.addChild(line);

    stage.update();

}

function shapeClick(event) {

    var pt = shape.globalToLocal(stage.mouseX, stage.mouseY);

    console.log('stage.mouseX:'+stage.mouseX+';stage.mouseY:'+stage.mouseY); // 180,180

    console.log('pt.x:'+pt.x+';pt.y:'+pt.y); // 10,10 -- 这是相对于(shape.x,shape.y)的坐标；

    if (stage.mouseInBounds && shape.hitTest(pt.x, pt.y)) {

        shape.alpha = 1;

    }

    stage.update(event);

}