easeljs：getObjectsUnderPoint 不返回所有形状

Question

我画了 2 个形状，一个在另一个之上。 getObjectsUnderPoint 函数只返回一个形状，即使该点是两个形状的一部分。我在上部形状的 addEventListener 处理程序中得到的要点。这是完整的jsfiddle example。

var stage;

function init() {
    stage = new createjs.Stage("canvas");
    var rect = new createjs.Shape();
    rect.graphics.beginFill("#ff0000").drawRect(10, 10, 100, 100);
    stage.addChild(rect);
    var circle = new createjs.Shape();
    circle.graphics.beginFill("#00ff00").drawCircle(60, 60, 40);
    circle.addEventListener("click", onClick);
    stage.addChild(circle);
    stage.update();
}

function onClick(e) {
    // the length should be 2: circle + rectangle, but is only 1 ???
    alert(stage.getObjectsUnderPoint(e.stageX, e.stageY).length);
}

Answer 1

这是 0.7.1 中的一个错误，该错误已被修补，并被确认在 0.8.2 版本中得到修复，正如 Pim Schaaf 用this fiddle 演示的那样。如果您坚持使用 0.7.1 版本，您可以使用描述的解决方法 here 通过迭代容器的子级并调用 hitTest(x, y) 并将 mouseX 和 mouseY 作为参数。