CSS画五星红旗,我请AutoCAD帮忙

本文介绍了如何使用CSS绘制五星红旗,并利用AutoCAD测量关键参数,包括矩形划分、正五边形绘制、旋转角度计算等,简化CSS代码编写过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言:由于以前学过AutoCAD软件,知道该软件可以测量一些参数,非常方便。

比如:案例为使用CSS绘制五星红旗,其中重要的部分五角星我们可以看作三个等腰三角形拼接而成,计算border又需要左边长度、右边长度、垂足的高度参数,由于本人数学没学好,tan、sin、cos稀里糊涂,况且计算不仅费脑子,我还担心万一算错岂不是白瞎了半天,所以使用CAD进行测量它不香吗?

声明:文中所有图片出现拼接的形式,仅供大家学习为目的,并没有其他的不良意义。

正文:

参考墨线法绘制,下面是CAD绘制好的图片。

 

CAD思路:先画出一面五星红旗的背景尺寸,再画辅助线。内接圆的五角星通过正五边形绘制出来。五星红旗的宽高比例为3:2。

PS:照着墨线法则画就行。

 

CAD绘制步骤如下:

1、来个矩形。命令rec,输入长420,宽280,放置矩形。

2、小技巧。按下xspace,左键选择矩形,按下space(将矩形打断)。按下divspace左键选择要平分的线段,按下space。按下e,选择刚平分的线段,按下space确定(这个操作一会儿用的比较多)。

3、注意:草图设置。进入对象捕捉选项下,勾选启用对象捕捉下的端点中点、圆心、节点、交点选项。

 

4、将矩形平分为四宫格。键盘输入Lspace,用鼠标连接矩形上下、左右四个边的中点,即可平分为四宫格。(可以使用div+e命令,也可以使用对象捕捉绘制)

5、将左上角小矩形平分为15*10份。使用div+e命令得到平分后的点。打开正交开关,依次画每个平分点的正交延长线,最后使用tr命令进行修剪。

6、根据上面的“参考图片”确定圆心并画五角星的外接圆,圆命令为c(数格子就行)。

7、大圆圆心连接每个小圆圆心。使用命令L连接(记得关闭正交)。

8、画出每个圆的内接正五边形。使用命令

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值