如何在SCSS上创建三角图形?

wrrgggsh  于 2023-01-27  发布在  其他
关注(0)|答案(1)|浏览(122)

有谁能帮我理解如何做一个正多边形吗?(这个图形必须有20个角)
堆栈溢出不支持SCSS,因此我的示例http://codepen.io/anon/pen/MpbeLB
我用这个公式求Regular polygon的顶点。
当前代码输出:

mi7gmzs6

mi7gmzs61#

    • 快速修复**

您可以将问题中标记为无法正确工作的翻译简化为:

transform: translate($r * cos($mygrad * $j), $r * sin($mygrad * $j));

那就好像......

    • 替代解决方案**

让CSS为你做旋转更容易,就像this Codepen一样,我是基于你的例子,但是做了很大的修改。
基本思想是使用CSS transform指令。将每个圆放在顶部,然后将其旋转到正确的位置。这里包括一个只有6个圆的较小示例,链接的Codepen有一个表示圆数的变量,因为它使用SCSS。
在这个演示中,圆以正多边形的角为中心,但是如果你愿意的话,应该很容易改变。
x一个一个一个一个x一个一个二个x

相关问题