如何创建具有特定渐变分布的HTML颜色数组？

Question

JavaScript的.我有一系列数字 var values = [1,20,12,6,9];

我需要创建一个相同大小的新数组,以便:

1. 对应于第一个数组中最大元素的元素是ALWAYS "#3E296B"
2. 对应于第一个数组的最小元素的元素总是"#FFFFFF".
3. 其他元素应该获得与其值"#3E296B"成"#FFFFFF"比例的渐变颜色

即我的新阵列应该大致相似:( var colors = [white, blue, less_blue, less_less_blue, less_blue]我用文字写的简化)

Answer 1

这是一个解决这个问题的库:

https://github.com/anomal/RainbowVis-JS

因此,在包括它之后你会做类似的事情:

var rainbow = new Rainbow();
rainbow.setSpectrum('#ffffff', '#3E296B');
rainbow.setNumberRange(1, 20); 
rainbow.colourAt(number); // based on the numbers from your array, this would return the color you want