# 实现扇形生成器

# svg扇形

扇形半径
扇形角度
起始角度
扇形颜色

# 模拟三角

扇形半径
扇形角度
起始角度
扇形颜色

# 使用conic-gradient属性

圆锥形渐变

扇形半径
扇形角度
起始角度
扇形颜色

注意事项

conic-gradient支持性不是很好,谨慎使用,目前只在chrome 69及以上支持

可以使用polyfill垫片库,解决兼容性问题。垫片库会根据css语法,生成对应的圆锥渐变图案,并且转化为 base64 代码

<script src="//cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<script src="//leaverou.github.io/conic-gradient/conic-gradient.js"></script>
1
2
白色

关注公众号

一个走心,有温度的号,同千万同行一起交流学习

加作者微信

扫二维码 备注 【加群】

扫码易购

福利推荐