Javascript 颜色插值

我想在两种颜色之间插值，给定一个特定的数字，生成一个具有该数量插值颜色的数组

我发现D3有一个方法叫做

D3.interpolate（）

，但我不知道如何使用它

---

给定要插值的两种颜色和所需插值颜色的数量，如何使用D3 interpolator生成颜色数组？

您可能需要检查D3中的颜色是如何操作和插值的，在这种情况下，黑色和蓝色

---

对于使用D3插值器，您只需要了解传递给插值器的参数在0到1之间变化。问题很清楚：

返回的函数i称为插值器。给定起始值a和结束值b，它接受域[0，1]中的参数t，并返回a和b之间的相应插值。插值器通常在t=0时返回一个相当于a的值，在t=1时返回一个相当于b的值

因此，给定此插值器，从

红色

到

绿色

：

var colorInterpolator = d3.interpolateRgb("red", "green");

我们只需要将值从0传递到1。例如，要创建具有7种颜色的数组，我们将把这些值传递给插值器：

[0, 0.16, 0.33, 0.5, 0.66, 0.83, 1]

查看此演示：

var colorInterpolator=d3.interpolatorgb（“红色”、“绿色”）；
var阶数=7；
var COLORRARY=d3.范围（0，（1+1/步），1/（步-1））.映射（函数（d）{
返回颜色插值器（d）
});
console.log（colorArray）

---

是的，我检查了，但没有找到如何生成插值颜色数组，给定2种颜色和所需颜色数。是的，我检查了，但没有找到如何生成插值颜色数组，给定2种颜色和所需颜色数。你在帖子中没有问题，只是一句话，几乎是一声呻吟。我把它编辑成了一个有意义的问题。杰拉尔多的片段出了问题。但是很好solution@ofey这段代码对我来说还可以。。。你没看到颜色吗？我不知道为什么，但我看到一个错误，这是一个奇怪的错误。你可以清楚地看到，即使是在那张图片中，引用也在那里。这很奇怪，哦。如果在其他地方或本地运行，代码可能很好。