RGB值作为变量

Question

我该如何将变量值存储在rgb()中？ 我使用了下面的代码，但不起作用：

<script>
var R=200;
var colval="rgb(R,10,100)";
</script>

我希望它能像这样：

我希望它能呈现如下效果：

<script>
var colval="rgb(200,10,100)";
</script>

但不知何故，它无法正确存储R，将200或R放在引号中也无效。

- steven

Answer 1

我假设你正在使用JavaScript：

<script>
    var R = 200;
    var colval = "rgb(" + R + ",10,100)";
</script>

在 colval = rgb(200,10,100) 的情况下的结果

- alexn

---

好的，谢谢。还有一个问题：是否有类似于rgb()函数但用于hsv()的函数？ - steven

我尝试了这段代码，但是我无法使用colval变量着色。 - fasterthanlight

Answer 2

现在你可以使用模板字符串：

    <script>
        var R = 200;
        var colval = `rgb(${R}, 10, 100)`;
    </script>

    

- user19804538

Answer 3

使用"+"，因为在JavaScript中，它是用于连接或将东西添加在一起以形成字符串的运算符。在这种情况下，我们将"rgb("+ r +","+ g +","+ b +")"相加，以形成类似于"rgb(225, 34, 154)"的字符串。当浏览器的JS解释器读取此代码"rgb("+ r +","+ g +","+ b +")"时，它将使用这些变量的值替换r、g和b。

- pr0mpT_07