画布矩形填充颜色
问题描述:
我试图创建一个矩形,在HTML 5画布中,我可以提供从最小值到最大值的值。对于这个我想创建一个梯度可变像画布矩形填充颜色
defaultGradient: {
0.4: 'blue',
0.6: 'cyan',
0.7: 'lime',
0.8: 'yellow',
1.0: 'red'
}
例如用户输入值50,因此应用程序应该选择蓝色和青色的中期和填充矩形。帮助赞赏。我已经通过与SO的不同链接,但没有为我工作
答
要做到这一点,你可以使用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)