Question

我想要一个函数，它将十六进制颜色作为输入，然后慢慢改变颜色，然后在循环中将输出作为输入来完成它。就像颜色选择器一样，它会用滚动条慢慢改变颜色

例如从rgb（111,232,23）到达rgb（232,23,23）

Answer 1

我认为RainbowVis-JS正是您所寻找的：

＆＃13;

$(function() {
  var cur = 0;
  
  var rainbow = new Rainbow(); 
  rainbow.setNumberRange(0, 1000); // number of colors in the gradient
  rainbow.setSpectrum('999999', 'd40d12');
  
  setInterval(function() {    
    var color = rainbow.colourAt(cur);
    
    console.log(color);
    $('#color').css('background', '#' + color);
    
    cur++;
  }, 1);
});

＆＃13;

#color {  
  width: 500px;
  height: 500px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://raw.githubusercontent.com/anomal/RainbowVis-JS/master/rainbowvis.js"></script>

<div id="color"></div>

＆＃13;

https://github.com/anomal/RainbowVis-JS

慢慢改变十六色

1 个答案: