关于五角星的问题

来源:2-13 编程练习

慕盖茨3062073

2021-05-26 13:51:00

老师,红旗五角星是三个三角形通过旋转角度,位移来实现的,这个我看了问答区答案知道了,可是我自己调了很久,五角星还是不对称,这个是靠自己一点点调出来的吗?还是有一个固定角度和位移的啊?

写回答

1回答

好帮手慕然然

2021-05-26

同学你好,三角形的旋转角度是可以通过计算得出的,可以参考以下思路:

三角形进行旋转之前显示如下,3个三角形重叠在了一起(此处不需进行位移,只需通过position定位将三个三角形重叠在一起即可),如图所示:

http://img.mukewang.com/climg/60adf152096365d704420268.jpg


三角形旋转之后显示如下,其中橘色和绿色三角形旋转了一定的角度,红色三角形没有旋转:

http://img.mukewang.com/climg/60adf1c109f1c9a903410258.jpg

橘色三角形旋转角度计算:橘色三角形以五角星中心为原点,旋转了360/5=72度,方向为负,如图

http://img.mukewang.com/climg/60adf20509e039fd09380685.jpg

同理,绿色三角形以五角星中心为原点,也旋转了72度,方向为正,如图

http://img.mukewang.com/climg/60adf23b09726bb109640710.jpg

此处计算得出的旋转角度为72度,但是如果通过css画出的三角形角度不是特别精确,那么旋转角度一般在72度左右即可。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程