关于前端:css-色盘饼图色轮

5次阅读

共计 236 个字符,预计需要花费 1 分钟才能阅读完成。

1. 应要求要实现一个色盘取色器。

2. 四处寻找无果,只能用图片实现了。
3. 看书《揭秘 css》时,发现了 css 的新属性,分享进去。

background: conic-gradient(red,yellow,lime,aqua,blue,fuchsia,red);

4. 就这样实现了这个色盘,然而因为是新属性,有兼容性问题,应用的话要多调试。
5. 当然要取色就要应用监听鼠标地位的属性,通过地位计算出角度和间隔圆心的间隔,就能够通过公式计算出色彩。用到了三角函数,前面优化后会贴出来。

正文完
 0