rgba()中使用变量作为参数

系列文章目录

前言

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站，这篇文章男女通用，看懂了就去分享给你的码吧。

rgba()是一种CSS颜色函数，用于设置颜色的红、绿、蓝和透明度值。它由四个参数组成，分别是红色（R）、绿色（G）、蓝色（B）和透明度（A），取值范围都是0-255，透明度的取值范围是0-1。其中，前三个参数是必需的，表示颜色的RGB值，最后一个参数是可选的，表示透明度。

rgba()函数可以用于设置元素的背景颜色、文本颜色、边框颜色等等。例如，设置一个半透明的红色背景颜色可以使用以下代码：

background-color: rgba(255, 0, 0, 0.5);

这将设置一个红色背景，透明度为50%。在这个例子中，红色的RGB值是255,0,0，透明度为0.5。

一、这是我的Javascript代码

var radius = random(20,200);
    var randRed = random(210,255);
    var randAlpha = random(0.25,0.4);
    var Color = 'rgba(255,255,255,0.25)';
    this.x = random(100, 700);
    this.y = random(100, 500);
    this.width = radius;
    this.height = radius;
    this.color = Color;
    this.velocityX = random(-5, +5);
    this.velocityY= random(-5, +5);

对于上下文，这将在类Bubble的构造函数中使用，以创建随机的圆形气泡。我找到了一种随机化半径和位置的方法，但是有没有办法使用randRed和randAlpha作为Color变量中rgba()的红色和Alpha值呢？

我希望能够做这样的事情：

var Color = 'rgba(randRed,255,255,randAlpha);

这个是可能的吗？下面是代码的其余部分：

class Bubble {
   
   

  constructor(