Domino布局-重叠框

Question

沙箱：

https://codesandbox.io/s/nostalgic-wozniak-mci9l

我正在尝试再现类似于以下的效果（每个图块之间具有固定的间距）：

我几乎有正确的效果，但是正如您在沙盒上看到的那样，这些框在它们得到的右边越向下重叠。我的数学可能不在某个地方，但是我看不到哪里。

这是我认为可行的方法：

Answer 1

我的实现没有考虑到每个框必须移动的增量不是多米诺骨牌宽度，而是由以下关系定义的新量：

我通过从增量中完全忽略多米诺骨牌宽度而只留了边距来发现它：多米诺骨牌在左侧完美对齐，这意味着右侧的对齐问题只能来自宽度增量。 >