jquery-ui提供的拖拽方法

項目當中遇到了任意拖動div標簽的功能，找到了jqueryui提供的draggable的插件，這個插件可以實現任意的div的移動，也可以移動到整個屏幕或者在父元素的范圍內進行移動。

插件的api    http://jqueryui.com//#events

 

//任意拖動
            $(".edrag").draggable({
                containment: "#canvas",
                scroll: false,
                start: function() {
                    $(this).css("margin-left", "0px");  //開始拖動
                },
                stop: function(event, ui) {
                   //拖動完成之后
                    let index = $(this).parents('.cabox').index();
                    faceArr[index].rect.x = ui.position.left / fawradio / fahradio;
                    faceArr[index].rect.y = ui.position.top / fawradio / fahradio;
                    //console.log(faceArr);
                }
            });

完整的代碼放在zip當中