javascript - 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 没有鼠标移动处理程序
2. 如何计算鼠标是否在形状的边缘(isOnEdges 函数)

Answer 1

您可以简单地将光标设置在形状上，并确保在舞台上启用 MouseOver:

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

stage.enableMouseOver();

EaselJS 将自动确定您何时超出形状的边界。