fabric的onSelect怎么使用

在 Fabric 中，onSelect 是一个用于处理选中元素的事件回调函数。您可以将其添加到 Fabric 的对象（如 Canvas、Group、Path、Rect 等）中以实现选中元素时的响应。

以下是一个示例代码，演示了如何在 Fabric 中使用 onSelect 事件：

// 创建一个 Canvas 对象
var canvas = new fabric.Canvas('canvas');

// 创建一个矩形对象
var rect = new fabric.Rect({
  left: 100,
  top: 100,
  width: 50,
  height: 50,
  fill: 'red'
});

// 将矩形对象添加到 Canvas 中
canvas.add(rect);

// 添加 onSelect 事件回调函数
rect.on('selected', function() {
  console.log('矩形被选中了');
});

// 选中矩形对象
canvas.setActiveObject(rect);

在上面的代码中，我们创建了一个 Canvas 对象，并向其中添加了一个矩形对象。然后，我们将 onSelect 事件回调函数添加到矩形对象中，并在函数中输出一段信息。最后，我们调用了 canvas.setActiveObject(rect) 以选中矩形对象。

当您运行这段代码时，您将看到控制台输出了一条信息，表明矩形对象已被选中。

注意：如果您想要在多个对象上使用 onSelect 事件回调函数，您可以将其添加到 Group 对象中，或者使用 canvas.on('selection:created', function() {}) 来处理选中元素的事件。