javascript - easelJS - 创建带有图像的按钮

Question

我正在尝试使用 easelJS 创建一个带有图像的按钮。

我尝试按照此处的说明进行操作:http://createjs.com/Docs/EaselJS/classes/ButtonHelper.html但是我不知道我的代码有什么问题。

var stage = new createjs.Stage(canvas);
stage.enableMouseOver();
var data = {
    images: [_imgLoaded],
    frames: { width: 100, height: 50},
    animations: { normal: [0], hover: [1], clicked: [2] }
};
var spriteSheet = new createjs.SpriteSheet(data);
var button = new createjs.Sprite(spriteSheet);
var helper = new createjs.ButtonHelper(button, "normal", "hover", "clicked");

// the code block in this helper.addEventListener (It works with button.addEventListener)
helper.addEventListener("click", handleClickPlayAgain);
button.x = posX;
button.y = posY;
button.gotoAndStop("normal");
stage.update();

_imgLoaded 没有出现在 Canvas 上，代码在这里失败:helper.addEventListener

你知道如何用 easelJS 创建带有图像的按钮吗？

谢谢

Answer 1

抱歉，我做到了，但我之前在代码中犯了一个错误，按钮工作正常，如链接 (btools.eu) 中所示。我正在使用多个 Canvas ，点击只在具有更高 z-index 的 Canvas 上捕捉到。我在另一个 Canvas 上更改了调用，它工作正常。

我使用最新的 easeljs lib 0.7.1 可用 atm。感谢您的所有回答