Я пытаюсь имитировать c поведение операционной системы или программы, такой как XD или Illustrator, когда вы можете щелкнуть и перетащить, чтобы выбрать каждый SVG с DragSelect (представляющим мебель в данном случае) индивидуально переместить их вместе. Прямо сейчас я просто пытаюсь переместить их в группы, но позже я также хотел бы удалить отдельные элементы из группы с помощью чего-то вроде shift + click.
DragSelect проблема # 24
JS Линии скрипки 5-18
var ds = new DragSelect({
selectables: document.querySelectorAll('.drag-svg'),
area: document.getElementById('floor-map'),
multiSelectKeys: ['ctrlKey','shiftKey'],
multiSelectMode: false, //set this to true to keep the box on
onElementSelect: function() {
console.log(this, 'selected');
var data = $(this).data('selected');
//this isn't working
$(this).removeClass('item'); //remove Plain-Draggable class call
$(this).append("g").addClass('item'); //add Plain-Draggable to group so elements move together
},
callback: e => console.log(e)
});