gpt4 book ai didi

javascript - 如何使用 RGB 中的颜色作为 d3.js 线性(或不同)比例的输入域?或者如何编写实现相同效果的算法?

转载 作者:行者123 更新时间:2023-11-28 05:18:04 25 4
gpt4 key购买 nike

是否可以执行以下操作?

var color = d3.scale.linear()
.domain(["rgb(0,255,0)","rgb(255,0,0)"])
.range([1,10]);

我想实现以下目标:

var output = color( d3.rgb("rgb(255,0,0)") );
console.log(output); // Prints 10.

如果没有,任何其他类型的代码将不胜感激。谢谢!

最佳答案

这是我的尝试:

<!DOCTYPE html>
<html>

<head>
<script data-require="d3@4.0.0" data-semver="4.0.0" src="https://d3js.org/d3.v4.min.js"></script>
</head>

<body>
<script>
var range = [0,10],
inter = d3.interpolate("rgb(0,255,0)","rgb(255,0,0)");

var s = d3.scaleBand()
.domain(d3.range(0,1,0.001).map(d => inter(d)))
.range(range);

console.log(s("rgb(0, 255, 0)"));
console.log(s("rgb(255, 0, 0)"));
console.log(s("rgb(128, 128, 0)"));
</script>
</body>

</html>

关于javascript - 如何使用 RGB 中的颜色作为 d3.js 线性(或不同)比例的输入域?或者如何编写实现相同效果的算法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40810452/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com