使用fabric js在画布中进行多次选择时过滤选择

// 创建一个 Fabric.js 画布
const canvas = new fabric.Canvas('canvas');

// 添加一些对象到画布
canvas.add(new fabric.Rect({ left: 10, top: 10, fill: 'red', width: 50, height: 50 }));
canvas.add(new fabric.Circle({ left: 100, top: 100, fill: 'blue', radius: 25 }));
canvas.add(new fabric.Text('Hello World', { left: 200, top: 200, fill: 'green' }));

// 自定义选择逻辑
canvas.on('mouse:down', function (options) {
  const pointer = canvas.getPointer(event);
  const objects = canvas.getObjects();

  // 过滤选择逻辑：只选择矩形对象
  const filteredObjects = objects.filter(obj => obj.type === 'rect');

  // 设置选择区域
  const selection = new fabric.Selection(filteredObjects, {
    left: pointer.x,
    top: pointer.y,
    originX: 'center',
    originY: 'center'
  });

  // 将选择区域添加到画布
  canvas.add(selection);
});