红旗的五角星怎么做啊

红旗的五角星怎么做啊

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2021-01-17 10:35:05

同学你好,可以绘制出三个三角形后,通过旋转,位移调整三角形的位置,组成一个五角星,示例

http://img1.sycdn.imooc.com//climg/5f993fd209e5e61a05230410.jpg

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

http://img1.sycdn.imooc.com//climg/5f993fe70918c2df03060152.jpg

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

http://img1.sycdn.imooc.com//climg/5f993ff70992294501550142.jpg

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

http://img1.sycdn.imooc.com//climg/5f99400a09af2e5a00640055.jpg

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

http://img1.sycdn.imooc.com//climg/5f9940170915ee7b00500053.jpg

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

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

http://img1.sycdn.imooc.com//climg/5f994066096636f302140161.jpg

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师