可以使用图像数据设置 easeljs hitarea 吗？

Question

我希望能够使用图像数据而不是 Shape 对象来设置 Display 对象的点击区域。但是，设置我的对象的 hitarea 属性似乎不起作用。这是我正在尝试的示例。

假设我们有这个 sprite sheet 作为按钮：

example of sprite sheet button with 3 frames. frame 3 is a hitmask （抱歉，我的代表不够高，无法仅 post 图片）

我有一个函数可以获取我的 hitmask 框架并将其制作成位图，但它不起作用。

/* Not the exact code, syntax may be a bit off */

var myButton = new createjs.Container() // assume this is an object with mouse events
var myExtractedFrame = ExtractFrame(myButton._sprite, 2) // a createjs Bitmap of frame the hitmask frame

myButton.hitArea = myExtractedFrame // will this work??

Answer 1

是的，这应该有效。 hitArea 属性支持使用任意显示对象。

没有看到更多代码，很难猜出你做错了什么，所以这里有一个使用 Sprite 实例正确工作的例子（这可能比将帧提取到 Bitmap 个实例）：http://jsfiddle.net/6L5esy6v/

可以使用图像数据设置 easeljs hitarea 吗？

Can a easeljs hitarea be set using image data?

javascript

png

easeljs