Javascript 结构画布元素上的multi-select存在问题

我的画布上有很多东西。我必须将所选对象分组为一个组例如：如果有6个对象，如果用户单击第一个对象，然后单击第二个对象，则第一个和第二个对象应分组为单个选择，如果用户选择第三个对象，则三个对象应分组为一个选择

我能够使用ActiveSelection实现这一点。请在找到代码

我现在面临的问题是，每当我尝试移动选定的组时，对象要么消失，要么移动到不同的坐标

此外，我无法在组选择中选择对象。在下图中，无法选择绿色圆圈，因为它位于所选组（文本+三角形）内

---

最简单的方法是

canvas.selection=true

和

Shift+**Element**

您可以选择多个元素，但我希望它不需要“移位”选项。有没有一种方法可以做到最简单的是

canvas.selection=true

和

Shift+**Element**

您可以选择多个元素，但我希望它不使用“Shift”选项。有什么方法可以做到吗

var selectedObjects = []

canvas.on('mouse:up',e=>{
    selectedObjects.push(e.target);
    let selectionGroup = new fabric.ActiveSelection(selectedObjects,{canvas:canvas});
    canvas.setActiveObject(selectionGroup);
    canvas.requestRenderAll();
});