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

标签 javascript easeljs createjs

我正在尝试使用 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/

相关文章:

javascript - 使用 ng-change 进行 HTML 选择不起作用

javascript - 将 Canvas 对象转换为 createjs 元素

javascript - 代码辅助 - Aptana 中的外部 javascript 库

javascript - Createjs为游戏创建计时器时钟

javascript - 我如何使用 Hbase 中的数据通过 d3.js 进行可视化

javascript - 将数组插入循环内的对象

javascript - 单击过滤列表/ View

JavaScript 对象仅在页面刷新时显示

javascript - 在 Flash Pro 2015 HTML5 项目中,对象放置在舞台上的时间线 ("this") 的名称是什么?

javascript - 创建带有幻灯片动画的 HTML5 交互式幻灯片