javascript - 在形状边界上,Easeljs: 当鼠标出现时显示指针 cursor

  显示原文与译文双语对照的内容

我正在尝试实现类似于代码 below的东西。 当用户位于 rectangle的边缘时,cursor 指向一个指针,否则 cursor 为箭头。


 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. 形状没有mousemove处理程序
  2. 如何计算鼠标是否位于形状的边缘( isOnEdges函数)
时间: 作者:

你可以简单地在形状上设置 cursor,并确保你在舞台上进行了 enableMouseOver:


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

stage.enableMouseOver();

EaselJS将自动确定当你超出形状界限时。

作者:
...