用HTML 的canvas绘图实现调色板 JS color picker

用HTML 的canvas绘图实现调色板

实现调色板,因为有RGB(红绿蓝)三种元素,不能简单地实现同时变化,可以考虑确定其中的一种或两种后,再变化其他的元素,实现完整的,连续的变化,便于拾色.

• 实现固定一种元素后变化其他两种

确定x,实现一个连续渐变的彩虹条
– 255,0,x (x从0到255)
– x,0,255 (255-0)
– 0,x,255 (0-255)
– 0,255,x (255-0)
– x,255,0 (0-255)
– 255,x,0 (255-0)

在这个彩虹选择条上选择一个位置,确定x值之后,即得到一个固定的坐标值,如(255,0,153),以此坐标值为原点向(0,0,0)和(255,255,255)进行渐变

在此猜测一下(胡猜的,笑):
以正方体的A点为原点建立坐标系A-BDA’
AB=AD=AA’=255,
上方每一行的x从0到255的过程正好是一条线段
以第一行为例
取此线段两端点分别是(255,0,0)和(255,0,255),与(0,0,0)和(255,255,255)围成三棱锥ABB’-C(与