Уникальные соединительные линии в javascript

$('.object').draggable({
          containment: "#canvas",
          drag: function(event,ui){
          console.log("drag inside")
          var lines = $(this).data('lines');           //Source of line
           var con_item =$(this).data('connected-item');    //Destination block
           var con_lines = $(this).data('connected-lines');       //Destination of line

             if(lines) {                                      //If you will drag source block
        lines.forEach(function(line,id){
                $(line).attr('x1',$(this).position().left+61.9).attr('y1',$(this).position().top+102);
             
             
             }.bind(this));
              }
               if(con_lines){                                     //If you will drag destination block
               con_lines.forEach(function(con_line,id){
               $(con_line).attr('x2',$(this).position().left+(parseInt($(this).css('width'))/2))
                        .attr('y2',$(this).position().top+(parseInt($(this).css('height'))/3)+(id*5));
                        
               }.bind(this));
                     }
                  var node_position = ui.position;
                  console.log(node_position)
             
                }
      });

      $('.object').droppable({
        accept: '.connecting_button',
        drop: function(event,ui){
          var item = ui.draggable.closest('.object');
          $(this).data('connected-item',item);
          ui.draggable.css({top:-2,left:-2});
           item.data('lines').push(item.data('line'));

я хочу создать соединение один к одному между нидами, то есть один элемент должен быть соединен только с одним элементом. если новое соединение установлено, старое должно быть удалено

Вернуться на верх