相关疑难解决方法(0)

可能重复:
基于数字的颜色编码

我希望用户能够从1-100的范围中进行选择,其中当数字小于50时,区域的颜色变为深绿色,并且随着颜色变得接近100,颜色变得更红.

我试图使其成为更加朝向中心的范围,颜色应该接近白色(其中50 =全白).

我从这里尝试了答案:为功率计生成红色和绿色之间的颜色？无济于事...... 50最终变成了混乱的绿色......

我有以下html:

<span><span class="value">50</span><input type="range" /></span>?

以下javascript:

$(document).on({
    change: function(e) {

        var self = this,
            span = $(self).parent("span"),
            val = parseInt(self.value);
        if (val > 100) {
            val = 100;
        }
        else if (val < 0) {
            val = 0;
        }
        $(".value", span).text(val);
        var r = Math.floor((255 * val) / 100),
            g = Math.floor((255 * (100 - val)) / 100),
            b = 0;
        span.css({
            backgroundColor: "rgb(" + r + "," + g + …

我试图在表单上可视化一些值.它们的范围从0到200,我希望0左右的那些是绿色,当它们变为200时变为亮红色.

基本上该功能应根据输入的值返回颜色.有任何想法吗 ？

在我的项目中,可能有任意数量的div,如千,二千,一百万等.我希望他们的背景颜色从绿色变为红色.所以他们都有不同的颜色.第一个div将是"真正的"绿色,最后一个div将是"真正的"红色.

这就是我所拥有的.正如你所看到的那样,最后有一些没有背景颜色的div.我宁愿用rgb来解决这个问题.

$(function(){
  var r = 20;
  var g = 200;
  var b = 10;
  for(var i = 0; i < 300; i++){
    $("body").append("<div class = 'box'>");
  }
  $(".box").each(function(){
    if(g > 0 && r < 255){
      $(this).css("background", "rgb("+ r + ","+ g + ","+ b + ")");
      g-=1;
      r+=1;
    }
  })
})

.box{
  border:2px solid black;
  margin: 10px;
  width: 20%;
  height: 100px;
  float: left;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

这就是我想要做的：我在 HTML 页面中有一行文本。我想让该文本从给定的颜色开始，在光谱中循环，等待一两秒，然后重复。

如果可能的话，我想在 javascript 中执行此操作（像 flash 之类的东西并不是完全不可能，但会是该项目的一些主要范围蔓延。）

我对 JS 的了解足够多，知道这是可能的，但仅此而已。有人能指出我正确的方向吗？

是的，这是一个真实的客户请求。我很高兴他们没有也要求眨眼标签。;)

我需要可视化一个数字列表,这个列表每x分钟生成一次.我目前在侧面使用带有数字的单行.这可以正常工作,但在进行实时分析时,它会变得很难看.

在想了一下之后,我想出了对数字进行颜色编码的想法,一个大的负数是红色的,一个大的正数是绿色的,一个正常的正数是浅绿色,略大于绿色和浅绿色之间的正常数字.

为了说明它,我做了一个图像:

对我的问题.例如,我们有:

50: Color.green
0: Color.white
-50: Color.red

如何计算代表25的颜色？