farbicjs的rect怎么监听鼠标的移入移出事件

要监听鼠标的移入移出事件，可以使用 `fabric.Rect` 对象的 `hoverCursor`、`hoverColor`、`hoverOpacity` 和 `perPixelTargetFind` 属性。具体实现如下：

var rect = new fabric.Rect({
  left: 100,
  top: 100,
  width: 50,
  height: 50,
  fill: 'red',
  hoverCursor: 'pointer', // 鼠标移入时的鼠标指针样式
  hoverColor: 'green', // 鼠标移入时的填充颜色
  hoverOpacity: 0.5, // 鼠标移入时的透明度
  perPixelTargetFind: true // 设置为 true，可以精确检测鼠标移入的位置
});

rect.on('mouseover', function() {
  // 鼠标移入事件处理
  console.log('鼠标移入了 rect 对象');
});

rect.on('mouseout', function() {
  // 鼠标移出事件处理
  console.log('鼠标移出了 rect 对象');
});

在上面的代码中，我们创建了一个 `fabric.Rect` 对象，并设置了 `hoverCursor`、`hoverColor`、`hoverOpacity` 和 `perPixelTargetFind` 属性。然后，我们通过 `on` 方法监听了 `mouseover` 和 `mouseout` 事件，分别在事件处理函数中输出相应的日志信息。这样，当鼠标移入或移出 `rect` 对象时，就会触发相应的事件处理函数。