Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/amazon-web-services/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据百分比从一个rgba运行到另一个rgba_Javascript_Jquery - Fatal编程技术网

Javascript 根据百分比从一个rgba运行到另一个rgba

Javascript 根据百分比从一个rgba运行到另一个rgba,javascript,jquery,Javascript,Jquery,假设我有两个rgba代码: rgba(150、160、255、1)和rgba(195、0、0、1) 我想以0/100的百分比从一个传递到另一个 0%将rgba(150、160、255、1) 100%将rgba(195,0,0,1) 我想用这个做一个热图 我怎样才能确定rgba将是什么样的呢。。。30%!? 对于代码中的每个值x: x = min_x + (max_x - min_x)*percentage/100 (注意:max\ux可以小于min\ux)对于每个组件,您只需执行start+(

假设我有两个rgba代码:

rgba(150、160、255、1)rgba(195、0、0、1)

我想以0/100的百分比从一个传递到另一个

0%将rgba(150、160、255、1)

100%将rgba(195,0,0,1)

我想用这个做一个热图


我怎样才能确定rgba将是什么样的呢。。。30%!?

对于代码中的每个值
x

x = min_x + (max_x - min_x)*percentage/100

(注意:
max\ux
可以小于
min\ux

对于每个组件,您只需执行
start+(end start)*百分比

因此,对于您的30%,您将有:

red = 150 + (195 - 150) * 0.3 = 205.5
green = 160 + (0 - 160) * 0.3 = 112
blue = 255 + (0 - 255) * 0.3 = 178.5
alpha = 1 + (1 - 1) * 0.3 = 1

因此,您的最终颜色将是rgba(206、112、179、1)

A princiípio vocéBR,então respondereim BR hehe^ Excelente código。奥布里加多!成功!