DragSelect Plugin для группировки SVG - PullRequest
0 голосов
/ 01 мая 2020

Я пытаюсь имитировать 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) 
      });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...