扇形怎么画

JavaScript04

扇形怎么画,第1张

扇形的画法如下:

1、在纸上画出一个大大的弧形。

2、在大弧形的下面,画出一个小弧形,两个弧形要平行。

3、用两条直线将两个弧形连接起来,形成扇形。

4、在扇形中,画出均匀的扇骨。

5、把边缘的两条直线延长,并在下方画出一个弧形。

6、按照画扇骨的方法,在下方的小扇形始追中画出均匀线条。

7、用喜欢的颜色给画好的扇子涂上即可。

一条圆弧和经过这条圆弧两端的两条半径所围成的图形叫扇形(半圆与直径的组合也是扇形)。显然,它是由圆周的一部分与它所对应的圆心角围成。《几何原本》中这样定义扇形:由顶点在圆心的角的两边和这两边所截一段圆弧围成的图形。

扇形,是圆的一部分,由两个半径和和一段弧围成,在较小的区域被称为小扇形,较大的区域被称为大扇形。圆弧为180°的扇形称为半圆。其他圆弧角的扇形有时给予其特别的名字,其中包括象限角90°、六分角60°以及八分角45°,它们分别是整圆的1/4、1/6、1/8。

我的思路是这样的:

用圆角属性做出扇形,再用一个矩形去遮挡

宽高相等画出正方形

加border-radius属性做出1/4圆或者1/2圆

矩形旋转

例如transform: rotate(45deg) 顺时针旋转45度

以上都在一个position:relative的父元素中,要旋转的矩形position:absolute

用js控制矩形旋转的角度,应该就可以了