Code animation: Resize with snap

Experiment #160 ● 28th April, 2021 ● by Joshua Nussbaum

In experiment #119, I worked out resizing elements. The resize happens at a single pixel resolution. But often you want to resize based on a grid.

It turns out, all it takes is rounding to the nearest grid position:

const gridSize = 10

function snapToGrid(width) }
  return Math.round(width / gridSize) * gridSize
}

Code