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

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

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

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

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理