css_tricks 扇形 | CSS Tricks

扇形 | CSS Tricks

Open QiShaoXuan opened this issue 6 years ago • 3 comments

trafficstars

https://qishaoxuan.github.io/css_tricks/sector/

some CSS tricks, 一些常用的 CSS 样式, 一点 CSS 技巧

Mar 28 '19 13:03 QiShaoXuan

三角模拟为什么要用2个span去做？一个span也是可以的，因为都是截取三角形的部分形成扇形，而三角形的高正好是半径。2个span会使得2个扇形的中间好像有一条线

Aug 15 '19 07:08 yukinotech

@yukinotech 三角模拟为什么要用2个span去做？一个span也是可以的，因为都是截取三角形的部分形成扇形，而三角形的高正好是半径。2个span会使得2个扇形的中间好像有一条线

你可以试下一个三角形就知道了，中间有条线可以在宽度上都 +1 做处理，我这里为了直观没有做处理

Aug 16 '19 01:08 QiShaoXuan

@yukinotech 三角模拟为什么要用2个span去做？一个span也是可以的，因为都是截取三角形的部分形成扇形，而三角形的高正好是半径。2个span会使得2个扇形的中间好像有一条线

你可以试下一个三角形就知道了，中间有条线可以在宽度上都 +1 做处理，我这里为了直观没有做处理

想了一下，我好像没有考虑到角度大于180度的扇形问题。主要是这个原因吗？

Aug 16 '19 05:08 yukinotech