与raphael.pan-zoom.js库，如何重置我的可拖动函数

Question

我做了一个draggalbe函数，它工作良好，但是当我放大\与raphael.pan-zoom.js库缩小，我的可拖动函数不同步地移动对象，以下是我的可拖动功能：

(function(R) { 
R.el.draggable = function(move, start, up) { 
    this._ui = this._ui || {}; 
    var that = this;  
    this._ui.onMove = R.is(move, 'function') ? 
    move : function(distanceX, distanceY, x, y, deltaX, deltaY) { 
     that.translate(deltaX, deltaY); 
     event.stopPropagation(); 
    }; 
    this._ui.onStart = R.is(start, 'function') ? start : function(x, y) { 
     event.stopPropagation(); 
    }; 
    function onMove(distanceX, distanceY, x, y) { 
     var deltaX = x - that._ui.lastX; 
     var deltaY = y - that._ui.lastY; 
     that._ui.lastX = x; 
     that._ui.lastY = y; 
     that._ui.onMove(distanceX, distanceY, x, y, deltaX, deltaY); 
     //that.paper.safari(); 
     event.stopPropagation(); 
    }; 
    function onStart(x, y) { 
     that._ui.lastX = x; 
     that._ui.lastY = y; 
     that._ui.onStart(x, y); 
     event.stopPropagation(); 
    }; 
    return this.drag(onMove, onStart, up); 
}; 

}）（Raphael）;

我该如何解决它？

Answer 1

我知道该怎么做

(function(R) { 
    R.el.draggable = function(move, start, up) { 
     this._ui = this._ui || {}; 
     var that = this;  
     this._ui.onMove = R.is(move, 'function') ? 
     move : function(distanceX, distanceY, x, y, deltaX, deltaY) { 
      that.translate(deltaX, deltaY); 
      event.stopPropagation(); 
     }; 
     this._ui.onStart = R.is(start, 'function') ? start : function(x, y) { 
      //event.stopPropagation(); 
     }; 
     function onMove(distanceX, distanceY, x, y) { 
      var deltaX = x - that._ui.lastX; 
      var deltaY = y - that._ui.lastY; 
      that._ui.lastX = x; 
      that._ui.lastY = y; 
      //console.log("before deltaX:"+deltaX+" deltaY:"+deltaY); 
      // 根据raphael.pan-zoom.js 提供的zoom值 计算当前 缩放比例下的 移动值 
      deltaX=deltaX*(1-that.paper.zoom.currZoom/10); 
      deltaY=deltaY*(1-that.paper.zoom.currZoom/10); 

      console.log("after deltaX:"+deltaX+" deltaY:"+deltaY); 
      that._ui.onMove(distanceX, distanceY, x, y, deltaX, deltaY); 
      //that.paper.safari(); 
      event.stopPropagation(); 
     }; 
     function onStart(x, y) { 
      that._ui.lastX = x; 
      that._ui.lastY = y; 
      that._ui.onStart(x, y); 
      event.stopPropagation(); 
     }; 
     return this.drag(onMove, onStart, up); 
    }})(Raphael);