画布矩形填充颜色

我试图创建一个矩形，在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

回答