有谁能帮我理解如何做一个正多边形吗?(这个图形必须有20个角)堆栈溢出不支持SCSS,因此我的示例http://codepen.io/anon/pen/MpbeLB我用这个公式求Regular polygon的顶点。当前代码输出:
SCSS
mi7gmzs61#
您可以将问题中标记为无法正确工作的翻译简化为:
transform: translate($r * cos($mygrad * $j), $r * sin($mygrad * $j));
那就好像......
让CSS为你做旋转更容易,就像this Codepen一样,我是基于你的例子,但是做了很大的修改。基本思想是使用CSS transform指令。将每个圆放在顶部,然后将其旋转到正确的位置。这里包括一个只有6个圆的较小示例,链接的Codepen有一个表示圆数的变量,因为它使用SCSS。在这个演示中,圆以正多边形的角为中心,但是如果你愿意的话,应该很容易改变。x一个一个一个一个x一个一个二个x
transform
1条答案
按热度按时间mi7gmzs61#
您可以将问题中标记为无法正确工作的翻译简化为:
那就好像......
让CSS为你做旋转更容易,就像this Codepen一样,我是基于你的例子,但是做了很大的修改。
基本思想是使用CSS
transform
指令。将每个圆放在顶部,然后将其旋转到正确的位置。这里包括一个只有6个圆的较小示例,链接的Codepen有一个表示圆数的变量,因为它使用SCSS。在这个演示中,圆以正多边形的角为中心,但是如果你愿意的话,应该很容易改变。
x一个一个一个一个x一个一个二个x