ui参考primeNG: http://primefaces.org/primeng...
ts开发环境:https://github.com/lycHub/ts-...
目录

简介

参考primeNG的实现,可以hex,rgh,hsb三种颜色模式互相转换
本节demo源码

基本思路

dom分成两部分,左边的面板有一块黑白底图作为背景,右边长条也有张彩色底图作为背景

clipboard.png

右边长条选中的颜色,设为左面板的背景色,这样左面板可跟随右侧变色

clipboard.png

其中最重要的就算3种颜色的转换,转换部分是直接copy的源码,具体详见代码。


会js的诸葛村夫
282 声望617 粉丝

主angular,兼ts|webpack|rxjs|vue,擅长造轮子