乐趣区

用原生TypeScript造轮子六-取色器

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

简介

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

基本思路

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

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

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

退出移动版