修复形状旋转中的偏移

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费积分!

Steve Ruiz 将 这篇文章 称为“设计工具微型用户体验的特别晦涩版本”,但我发现它很有趣!如果您在设计工具中选择一堆元素,然后旋转它们,然后稍后选择相同的元素并尝试将其旋转回原位,您会发现它们与原始位置相比“偏移”了一点。

这是因为元素的选择需要围绕一个中心旋转(用 CSS 的术语来说,就是 transform-origin),但该中心的位置在旋转后计算方式不同。诀窍是,如果任何特定的设计工具想要修复它

[…] 以下是修复方法:一旦用户开始旋转,我们就会保留中心点;如果用户再次旋转,我们会重新使用相同的点;并且我们只会在用户进行新的选择时放弃它。

有一个相关的 推文线程

直接链接 →