html中怎么把div做的扇形放在固定位置以及控制扇形角度大小

代码效果
2025-01-14 11:06:08
推荐回答(2个)
回答1:

我的思路是这样的:
用圆角属性做出扇形,再用一个矩形去遮挡
宽高相等画出正方形
加border-radius属性做出1/4圆或者1/2圆
矩形旋转

例如transform: rotate(45deg) 顺时针旋转45度
以上都在一个position:relative的父元素中,要旋转的矩形position:absolute
用js控制矩形旋转的角度,应该就可以了

回答2:

放在固定位置:就用绝对定位!你把它的上一级定为相对定位!控制扇形角度 这个问题,既然你把扇形做出来了 ,当然能设置它的扇形角度啦!