Javascript 如何使用Easeljs将Click事件添加到spriteSheet?

Javascript 如何使用Easeljs将Click事件添加到spriteSheet?,javascript,html,canvas,easeljs,sprite-sheet,Javascript,Html,Canvas,Easeljs,Sprite Sheet,正如我在标题中所说的,easeljs对我来说是非常新的,是否有任何方法可以使用框架easeljs将click事件或eventlistener添加到画布中我的案例的spritesheet之类的对象中 我做了很多研究,但仍然没有得到任何运气。精灵表只是一种描述如何绘制精灵(或早期版本中的位图动画)的数据格式 下面是一个示例SpriteSheet,取自的示例,可以在GitHub存储库(GitHub.com/CreateJS/EaselJS/)中找到 一旦你有了它,你可以定义一个精灵 var sprit

正如我在标题中所说的,easeljs对我来说是非常新的,是否有任何方法可以使用框架easeljs将click事件或eventlistener添加到画布中我的案例的spritesheet之类的对象中


我做了很多研究,但仍然没有得到任何运气。

精灵表只是一种描述如何绘制精灵(或早期版本中的位图动画)的数据格式

下面是一个示例SpriteSheet,取自的示例,可以在GitHub存储库(GitHub.com/CreateJS/EaselJS/)中找到

一旦你有了它,你可以定义一个精灵

var sprite = new createjs.Sprite(data, "run");
stage.addChild(sprite);
// In earlier versions (0.6.0 and below), you can not specify a start frame/animation
sprite.gotoAndPlay("run");
这会将精灵添加到舞台上,并播放其“run”动画。要添加鼠标单击,请使用:

sprite.on("click", handleClickFunction);
// Earlier versions (0.6.0 and below) require the use of addEventListener, which still exists in 0.7.0, but is less friendly
sprite.addEventListener("click", handleClickFunction);
有关鼠标行为的更多信息,请访问EaselJS网站上的教程。

谢谢你的信息,兰尼!但似乎精灵没有给出任何响应,即使我添加了addEventListener,控制台报告“未捕获错误已发生”。这很可能是由于读取带有本地或跨域图像的画布像素数据时存在安全限制。”您是本地加载(无服务器)还是跨域加载?EaselJS使用像素数据确定鼠标点击的对象。本地加载时,建议使用服务器。查看CORS中的跨域信息。
sprite.on("click", handleClickFunction);
// Earlier versions (0.6.0 and below) require the use of addEventListener, which still exists in 0.7.0, but is less friendly
sprite.addEventListener("click", handleClickFunction);