У меня есть холст с множеством предметов. Я должен сгруппировать выбранные объекты в одну группу, например: если есть 6 объектов, если пользователь щелкает первый объект, а затем второй объект, то первый и второй должны быть сгруппированы в один выбор, и если он выбирает третий, тотри объекта должны быть сгруппированы в один выбор.
Я смог добиться этого с помощью ActiveSelection. Пожалуйста, найдите код в http://jsfiddle.net/rtaLf810/3/.
var selectedObjects = []
canvas.on('mouse:up',e=>{
selectedObjects.push(e.target);
let selectionGroup = new fabric.ActiveSelection(selectedObjects,{canvas:canvas});
canvas.setActiveObject(selectionGroup);
canvas.requestRenderAll();
});
Проблема, с которой я сталкиваюсь сейчас, заключается в том, что всякий раз, когда я пытаюсь переместить выбранную группу, объекты либо исчезают, либо перемещаются в разные координаты.
Также я не смог выбрать объект в группе выбора. На изображении ниже зеленый кружок не может быть выбран, поскольку он находится внутри выбранной группы (текст + треугольник).
