老师我不会写,求个答案参考下

来源:2-13 编程练习

weixin_慕沐1378591

2020-10-28 17:39:38

老师我不会写,求个答案参考下

写回答

1回答

好帮手慕码

2020-10-28

同学你好,可以先实现一个五角星,原理参考如下理解:一个五角星由三个三角组成,如下:

http://img.mukewang.com/climg/5f993fd209e5e61a05230410.jpg

绘制出三个三角形,然后三角通过旋转,则组成一个五角。所以搞清楚一个三角如何绘制,五角星基本上就理解了。三角的绘制思路是通过边框实现的,看如下例子:

http://img.mukewang.com/climg/5f993fe70918c2df03060152.jpg

给一个元素设置宽高以及边框,边框比较粗的时候,表现形式为梯形:

http://img.mukewang.com/climg/5f993ff70992294501550142.jpg

当宽高不断减少时 , border会越趋向于三角形 , 如下:

http://img.mukewang.com/climg/5f99400a09af2e5a00640055.jpg

当宽高为0时,border变成了三角 , 如下:

http://img.mukewang.com/climg/5f9940170915ee7b00500053.jpg

所以,一个三角就是把其他角度的边框都设置为透明transparent,留一个角度的边框即可。

那么关于练习,是制作5个五角星,通过旋转、缩放布局成如下图效果:

http://img.mukewang.com/climg/5f994066096636f302140161.jpg

祝学习愉快~

2
heixin_慕沐1378591
h 学习了 哈哈
h020-10-30
共1条回复

0 学习 · 15276 问题

查看课程