css|css 色盘、饼图、色轮
1.应要求要实现一个色盘取色器。
文章图片
2.四处寻找无果,只能用图片实现了。
3.看书《揭秘css》时,发现了css的新属性,分享出来。
background: conic-gradient(red,yellow,lime,aqua,blue,fuchsia,red);
【css|css 色盘、饼图、色轮】4.就这样实现了这个色盘,但是因为是新属性,有兼容性问题,使用的话要多调试。
5.当然要取色就要使用监听鼠标位置的属性,通过位置计算出角度和距离圆心的距离,就可以通过公式计算出颜色。用到了三角函数,后面优化后会贴出来。
推荐阅读
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- Shell-Bash变量与运算符
- 清明,是追思、是传承、是感恩。
- 牛人进化+|牛人进化+ 按自己的意愿过一生
- 七老修复好敏感、角质层薄、红血丝
- 华为旁!大社区、地铁新盘,佳兆业城市广场五期!
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 螃蟹和这些食物同吃,轻则腹泻、重则中毒!要小心哦~
- 八、「料理风云」