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当中