当前位置: 首页 > article >正文

随机生成多种不同的颜色,根据所需颜色种类的需求

在这里插入图片描述

// 随机生成颜色
export function generateRandomColors(num) {
  var colors = []; // 存放生成的颜色数组
  for (var i = 0; i < num; i++) {
      var red = Math.floor(Math.random() * 256); // 红色分量范围为[0-255]
      var green = Math.floor(Math.random() * 256); // 绿色分量范围为[0-255]
      var blue = Math.floor(Math.random() * 256); // 蓝色分量范围为[0-255]
      
      var color = "rgb(" + red + ", " + green + ", " + blue + ")"; // 将RGB值转换为字符串形式表示颜色
      
      if (!colors.includes(color)) { // 判断该颜色是否已经在数组中存在
          colors.push(color); // 如果没有重复则添加到数组中
      } else {
          i--; // 若发现了重复颜色,则需要再次生成新的颜色
      }
  }
  return colors;
}
generateRandomColors(10)

http://www.kler.cn/a/228505.html

相关文章:

  • map和set的使用(一)详解
  • MYSQL数据库基础-01.数据库的基本操作
  • Swift语言的数据结构
  • 如何使用CRM数据分析优化销售和客户关系?
  • 解决conda create速度过慢的问题
  • 大模型 | AI驱动的数据分析:利用自然语言实现数据查询到可视化呈现
  • Java栈和队列
  • Elasticsearch(二)
  • 代码随想录算法训练营第23天 | 669. 修剪二叉搜索树 , 108.将有序数组转换为二叉搜索树 ,538.把二叉搜索树转换为累加树
  • 回归预测 | Matlab实现RIME-CNN-LSTM-Attention霜冰优化卷积长短期记忆网络注意力多变量回归预测(SE注意力机制)
  • 爱上算法:每日算法(24-2月4号)
  • Vue学习笔记:计算属性
  • input框中添加一个 X(关闭/清空按钮)
  • 物联网与智慧景区的未来:机遇与挑战并存
  • LabVIEW潜油电泵数据采集系统
  • JAVA SpringBoot中使用redis的事务
  • vulnhub靶场之Thales
  • vulhub中AppWeb认证绕过漏洞(CVE-2018-8715)
  • 对象内存与方法调用机制
  • Vivado Tri-MAC IP的例化配置(三速以太网IP)
  • ESP32QRCodeReader库使用,ESP32-CAM识别二维码并向自写接口发出请求确认身份。
  • 关于Linux和消息队列常见的十道面试题
  • Verilog实现2进制码与BCD码的互相转换
  • 基于NSGA-II的深度迁移学习
  • 前端实现标题滚动点击导航
  • 爬虫工作量由小到大的思维转变---<第四十五章 Scrapyd 关于gerapy遇到问题>