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没有出现在画布上，代码在这里失败：helper.addEventListener

您有什么想法，如何使用easylJS创建带图像的按钮？

谢谢

Answer 1

我做到了，抱歉，但我在我的代码中犯了一个错误，按钮工作正常，如链接（btools.eu）所示。我正在使用多个画布，并且点击仅在具有更高z-index的画布上捕获。我在另一个画布上改变了调用，它工作正常。

我使用了最新的easeljs lib 0.7.1 at at at。谢谢你的所有答案

easelJS - 创建一个带图像的按钮

1 个答案: