javascript - 如何在 Javascript 中始终向下舍入到最接近的 X 倍数？

Question

我在 Canvas 上绘制了一个网格，当用户点击网格时，我正在绘制一个矩形。我想始终在用户单击的网格单元格顶部绘制矩形。所以我需要向下舍入到最接近的 X，在我的例子中，是 40 的倍数。

一些例子......

121 => 120
125 => 120
139 => 120
159 => 120
160 => 160

到目前为止，我使用以下方法进行舍入工作......

x = Math.round(x / constants.MAP_CELL_SIZE) * constants.MAP_CELL_SIZE;

这几乎 处理四舍五入，我唯一缺少的是四舍五入到最接近的 40 的倍数，它保存在 constants.MAP_CELL_SIZE 中。 .

希望这是有道理的，有人可以伸出援手......非常感谢!

---

更新

就像从 Math.round 切换一样简单至 Math.floor .

Answer 1

要向下舍入，请使用 Math.floor() 而不是 Math.round()。你可以像这样使用它:

var customFloor = function(value, roundTo) {
    return Math.floor(value / roundTo) * roundTo;
}

customFloor(121, constants.MAP_CELL_SIZE); // => 120
customFloor(159, constants.MAP_CELL_SIZE); // => 120
customFloor(160, constants.MAP_CELL_SIZE); // => 160

参见 Math.floor() 的文档在 MDN 上。