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);
}