Javascript 元素仅从右侧捕捉到网格

Question

我正在尝试调整元素的大小，以便它们对齐到网格，到目前为止，如果我从右侧和底部调整大小，它可以正常工作，但由于某种原因，它不能从左侧工作。我确定这只是我的数学计算，但这是代码：

var dimension = win.getDimension();
var newW = Math.round(dimension[0] / 10) * 10;
var newH = Math.round(dimension[1] / 10) * 10;
win.setDimension(newW, newH);

有什么想法吗？

Answer 1

所以我最终做了一个名为 onBeforeResizeStart 的事件，该事件为 window 保存了当前的 x 位置，在 onResizeFinish 事件中我检查了新的 x 位置是否与保存的 x 位置匹配。如果没有，那么我只是更新了 x 位置并进行了相同的捕捉计算。

onBeforeResizeStart:

var position = getCoords(win);
window.CurrentX = position.left;

onResizeFinish

var position = getCoords(win);
if(position.left != window.currentX)
{
    var newX = Math.round(position.left / 10) * 10;
    win.setPosition(newX, position.top);
}

var dimension = win.getDimension();
var newW = Math.round(dimension[0] / 10) * 10;
var newH = Math.round(dimension[1] / 10) * 10;

win.setDimension(newW, newH);

Javascript 元素仅从右侧捕捉到网格

Javascript elements only snapping to grid from right side

javascript

resize

Javascript 元素仅从右侧捕捉到网​​格

Javascript elements only snapping to grid from right side

javascript

resize

Javascript 元素仅从右侧捕捉到网格