关于五角星的问题
来源:2-13 编程练习
慕盖茨3062073
2021-05-26 13:51:00
老师,红旗五角星是三个三角形通过旋转角度,位移来实现的,这个我看了问答区答案知道了,可是我自己调了很久,五角星还是不对称,这个是靠自己一点点调出来的吗?还是有一个固定角度和位移的啊?
1回答
好帮手慕然然
2021-05-26
同学你好,三角形的旋转角度是可以通过计算得出的,可以参考以下思路:
三角形进行旋转之前显示如下,3个三角形重叠在了一起(此处不需进行位移,只需通过position定位将三个三角形重叠在一起即可),如图所示:
三角形旋转之后显示如下,其中橘色和绿色三角形旋转了一定的角度,红色三角形没有旋转:
橘色三角形旋转角度计算:橘色三角形以五角星中心为原点,旋转了360/5=72度,方向为负,如图
同理,绿色三角形以五角星中心为原点,也旋转了72度,方向为正,如图
此处计算得出的旋转角度为72度,但是如果通过css画出的三角形角度不是特别精确,那么旋转角度一般在72度左右即可。
祝学习愉快!
相似问题