我正在尝试使用 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 创建带有图像的按钮吗?
谢谢
最佳答案
抱歉,我做到了,但我之前在代码中犯了一个错误,按钮工作正常,如链接 (btools.eu) 中所示。 我正在使用多个 Canvas ,点击只在具有更高 z-index 的 Canvas 上捕捉到。 我在另一个 Canvas 上更改了调用,它工作正常。
我使用最新的 easeljs lib 0.7.1 可用 atm。 感谢您的所有回答
关于javascript - easelJS - 创建带有图像的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20934017/