c语言图形学画扇形代码,利用CSS绘制任意角度的扇形示例代码

最新推荐文章于 2022-07-05 09:16:35 发布

A格调

最新推荐文章于 2022-07-05 09:16:35 发布

阅读量894

点赞数

文章标签： c语言图形学画扇形代码

前言

扇形制作原理，底部一个纯色原形，里面2个相同颜色的半圆，可以是白色,内部半圆按一定角度变化，就可以产生出扇形效果

效果图

示例代码：

扇形绘制

} .sx1{ position: absolute; width: 200px; height: 200px; transform: rotate(0deg); clip: rect(0px,100px,200px,0px); /*这个clip属性用来绘制半圆，在clip的rect范围内的内容显示出来，使用clip属性，元素必须是absolute的 */ border-radius: 100px; background-color: #f00;

/*-webkit-animation: an1 2s infinite linear; */

} .sx2{ position: absolute; width: 200px; height: 200px; transform: rotate(0deg); clip: rect(0px,100px,200px,0px); border-radius: 100px; background-color: #f00;

/*-webkit-animation: an2 2s infinite linear;*/

}

/*绘制一个60度扇形*/ .shanxing1 .sx1{transform: rotate(-30deg);} .shanxing1 .sx2{transform: rotate(-150deg);}<