Easeljs:当鼠标在形状的边界上时显示指针光标

Question

我试图实现类似于下面的代码.当用户位于矩形的边缘时,光标指向指针,否则光标是箭头.

     shape.graphics.beginStroke("#000").beginFill("#daa").drawRect(50, 150, 250, 250);
     shape.on("mousemove", function(evt) {
          if (isOnEdges(evt)) {
              evt.target.cursor = "pointer";
          } else {
              evt.target.cursor = "arrow";
          }
     });

上述代码的问题是:

1. Shape没有mousemove处理程序
2. 如何计算鼠标是否在形状的边缘(isOnEdges函数)

Answer 1

您只需将光标设置在形状上,并确保在舞台上启用了EnableMouseOver:

var shape = new Shape();
shape.graphics.beginStroke("#000").beginFill("#daa").drawRect(50, 150, 250, 250);
shape.cursor = "pointer";

stage.enableMouseOver();

EaselJS将自动确定何时超出形状的界限.