畫布矩形填充顏色

我試圖創建一個矩形，在HTML 5畫布中，我可以提供從最小值到最大值的值。對於這個我想創建一個梯度可變像畫布矩形填充顏色

defaultGradient: { 
     0.4: 'blue', 
     0.6: 'cyan', 
     0.7: 'lime', 
     0.8: 'yellow', 
     1.0: 'red' 
    }

例如用戶輸入值50，因此應用程序應該選擇藍色和青色的中期和填充矩形。幫助讚賞。我已經通過與SO的不同鏈接，但沒有爲我工作

2017-02-26 dE Source

要做到這一點，你可以使用RGB。例如青色具有RGB（R1，G1，B1）......

青色：RGB（R1，G1，B1）

藍色：RGB（R2，G2，B2）

當用戶輸入50需要在它們之間，以計算顏色：

resultColor = rgb((r1+r2)/2 , (g1+g2)/2, (b1+b2)/2)

如果用戶輸入41：

resultColor = rgb(((19 * r1)+r2)/20 , ((19*g1)+g2)/20, ((19*b1)+b2)/20)

2017-02-26 22:25:55

回答