jsPlumb 拖拽效果限定范围

项目开发需要使用带有拖拽效果的流程图插件，于是各种度娘谷歌，最终决定使用jsPlumb这款开源插件，于是开始了入坑之路。。。

项目开发到快完结是，突然有客户提出为啥流程图拖着拖着就没了。。。

是因为拖拽效果没有限定拖拽范围，如果被拖拽元素的位置在x<0或者y<0的时候，将不可见，怎么在脱出来呢？？？

于是，就在初始化拖拽元素的时间中添加了拖拽限定：

instance.draggable(el, {
    containment: 'parentid'
})

于是问题就这样愉快的决定了，客户很满意。

但是好景不长，美国多久客户用提了新需求，说如果该范围内的可拖拽标签过多，图像范围容纳不了咋办？

那能不能做成不可向上向左拖拽，可向下向右拖拽的呢？？？

于是又去看官方api，有是问度娘谷歌，还是没有发现解决办法，于是不得不去研究源码；

经过一番刻刻骨铭心的专研^_^，终于发现谢解决办法。。。

发现在源码中封装的draggable方法，经过层层追踪，终于发现了this.moveBy有些猫腻，

于是完美的解决了问题。

打开源码，搜索 this.params.setPosition(dragEl, cPos);

在该语句之前大约三行左右的 var rect = {x: .................}之前添加如下代码

if (cPos[0] < 0) {
    cPos[0] = 0;
}
if (cPos[1] < 0) {
    cPos[1] = 0;
}

于是，问题得到了解决；

希望可以帮到看到本文章的小伙伴！