Javascript 如何从渐变映射特定于数字的颜色

假设我有一个从绿色到红色的平滑线性渐变（从左到右）背景的div，给定一个介于0和1之间的数字，我想知道从左侧开始的特定颜色百分比

Ie 0将映射为绿色，1将映射为红色。5将映射到红绿色中间等，因此该函数的返回将是颜色表示（例如十六进制、rgba）

---

我不知道如何在一个div中获得背景的特定点的颜色。如果我能弄清楚，我想我会没事的

如果你能将十六进制数转换成整数，我想你应该能得到两种颜色之间的平均数。 假设你已经有了颜色代码 绿色：#33FF33 红色：#FF0000

然后为两种颜色调用此函数，得到一个整数数组

function GetColorAtPos(color1,color2,position){
    color1Multiplier = position;
    color2Multiplier = 1-position;
    finalRGB = [];
    for(i =0;i<=2;i++){ 
        finalRGB.push(parseInt((color1[i] * color1Multiplier) + (color2[i] * color2Multiplier)))
    }
     return finalRGB
}

函数GetColorAtPos（颜色1、颜色2、位置）{ 彩色1倍增管=位置； Color2倍增管=1位； finalRGB=[]；

---

对于（i=0；我不确定我是否理解您试图构建的内容？这类似于javascript颜色选择器吗？是的。除了您基本上是从特定元素中选择之外

function GetColorAtPos(color1,color2,position){
    color1Multiplier = position;
    color2Multiplier = 1-position;
    finalRGB = [];
    for(i =0;i<=2;i++){ 
        finalRGB.push(parseInt((color1[i] * color1Multiplier) + (color2[i] * color2Multiplier)))
    }
     return finalRGB
}