在JavaScript中捕捉網格

Question

我正在尋找一個javascript函數，它使用均勻間隔的網格來計算網格值的捕捉。

現在我有下面的代碼，它可以很好地作爲一個基本的解決方案，但現在我只需要在snap位置的say 2px之內捕捉它，例如，使用30像素間隔電網和2px的限制，它會和0像素2px的，28px和32PX，58px和62px之間的咬合等

snapToGrip = function(val,gridSize){ 
    return gridSize * Math.round(val/gridSize); 
}; 

非常感謝

Answer 1

你有沒有考慮使用jQuery UI？ The draggable utility允許捕捉。

如果你真的需要實現它，當你不應該捕捉到 時，這將返回null。

snapToGrip = function(val,gridSize){ 
    var snap_candidate = gridSize * Math.floor(val/gridSize); 
    if (val-snap_candidate < 2) { 
     return snap_candidate; 
    } 
    else { 
     return null; 
    } 
}; 

要扣兩個方面：

snapToGrip = function(val,gridSize){ 
    var snap_candidate = gridSize * Math.round(val/gridSize); 
    if (Math.abs(val-snap_candidate) < 2) { 
     return snap_candidate; 
    } 
    else { 
     return null; 
    } 
};