如何使用 EaselJS 画布操作库分离图像的各个部分

Question

我正在尝试创建图像的分段部分...例如图像的右上角可以突出显示或单击，而图像的其余部分则不能。我试图用谷歌搜索这些东西，我发现了与容器相关的代码，但我不确定这是否是我想要的。我怎样才能使部分图像分段，以便我可以在 mouseover/mouseselect 等上触发事件......

Answer 1

如果您的图片只需要一个片段，或者如果您希望在一张图片上有多个可点击区域，您可以定义 hitArea (http://www.createjs.com/Docs/EaselJS/classes/DisplayObject.html#property_hitArea)：通过使用多个 Shapes 和 beginnBitmapFill 分割图片（一个可以在此处找到 bitmapFill 的示例：http://jsfiddle.net/lannymcnie/nmLhu/)，然后将侦听器放在各个形状上。