キャンバスの長方形の塗りつぶし色

Question

私は最小から最大までの値を提供できるhtml 5キャンバス内で矩形を作成しようとしていました。このために私は、インスタンス・ユーザーのために

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

のような勾配の変数を作成するために考えていますので、アプリケーションは、ブルーとシアンの中間を選択して、四角形を埋める必要がある値50を入力します。助けに感謝します。私はSOの異なるリンクを介して行っているが、私のために働いていない

Answer 1

これを行うには、RGBで作業することができます。 RGB（R1、G1、B1）

青：RGB（R2、G2、B2）

例えばシアンRGB（R1、G1、B1）...

シアンを有します

ユーザーはあなたがこれらの間の色を計算する必要があります50入り：ユーザーは41を入力した場合

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

を：

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