javascript计算渐变颜色的实例

javascript计算渐变颜色的实例

有时候，一个表格或者一片区域内，需要若干同色系从浅到深的颜色，如图所示：  

如果需要的颜色少，则颜色的差异较大，需要的颜色多，则颜色差异小，如下图：

这时，就用到了同色系渐变颜色的计算，算法如下：

function getItemColors (colorLevel) { 
  var colors= []; 
  //默认的最深颜色 
  var red = 134,green = 108, blue = 184; 
  //最浅颜色是239,239,239 比如：最浅颜色的red是 239 则差值为239-134=105 
  var maxRed = 105,maxGreen = 131,maxBlue = 55; 
  var level = colorLevel; 
  while(level--) { 
    colors.push( 'rgb('+red +','+green+','+blue+')'); 
    red += parseInt(maxRed/colorLevel); 
    green += parseInt(maxGreen/colorLevel); 
    blue += parseInt(maxBlue/colorLevel); 
  } 
  return colors; 
} 

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# javascript计算渐变颜色  # js  # 渐变颜色的计算  # JS计算距当前时间的时间差实例  # AngularJS实现的根据数量与单价计算总价功能示例  # JavaScript实现的超简单计算器功能示例  # JS基于递归实现网页版计算器的方法分析  # JavaScript重复元素处理方法分析【统计个数、计算、去重复等】  # Java调用JavaScript实现字符串计算器代码示例  # js实现rem自动匹配计算font-size的示例  # javascript计算对象长度的方法  # JS实现的简单四则运算计算器功能示例  # 利用JS如何计算字符串所占字节数示例代码  # JS处理一些简单计算题  # 同色系  # 如有  # 希望能  # 就用  # 谢谢大家  # 最深  # 值为  # 如下图  # 如图所示  # 疑问请  # function  # class  # getItemColors  # colorLevel  # colors  # var  # nbsp  # 浅到深  # strong 

相关文章： c# 在高并发下使用反射发射（Reflection.Emit）的性能  如何选择高效便捷的WAP商城建站系统？  已有域名和空间如何快速搭建网站？  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片？  如何快速生成凡客建站的专业级图册？  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  在线制作视频的网站有哪些,电脑如何制作视频短片？  建站之星Pro快速搭建教程：模板选择与功能配置指南  如何在阿里云完成域名注册与建站？  宝塔新建站点为何无法访问？如何排查？  临沂网站制作企业,临沂第三中学官方网站？  深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  如何在Mac上搭建Golang开发环境_使用Homebrew安装和管理Go版本  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  昆明网站制作哪家好,昆明公租房申请网上登录入口？  济南专业网站制作公司,济南信息工程学校怎么样？  制作网站外包平台,自动化接单网站有哪些？  建站一年半SEO优化实战指南：核心词挖掘与长尾流量提升策略  建站中国必看指南：CMS建站系统+手机网站搭建核心技巧解析  家庭建站与云服务器建站，如何选择更优？  存储型VPS适合搭建中小型网站吗？  如何快速建站并高效导出源代码？  制作企业网站建设方案,怎样建设一个公司网站？  如何在宝塔面板中修改默认建站目录？  实现点击下箭头变上箭头来回切换的两种方法【推荐】  Python如何创建带属性的XML节点  如何在橙子建站中快速调整背景颜色？  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  中山网站制作网页,中山新生登记系统登记流程？  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  免费视频制作网站,更新又快又好的免费电影网站？  如何彻底卸载建站之星软件？  建站之星后台密码遗忘如何找回？  如何在Windows服务器上快速搭建网站？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  Python文件管理规范_工程实践说明【指导】  如何在西部数码注册域名并快速搭建网站？  制作旅游网站html,怎样注册旅游网站？  网站制作模板下载什么软件,ppt模板免费下载网站？  网站制作说明怎么写,简述网页设计的流程并说明原因？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  建站之星安装步骤有哪些常见问题？  Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递  如何在IIS7中新建站点？详细步骤解析  香港服务器网站卡顿？如何解决网络延迟与负载问题？  宝塔面板创建网站无法访问？如何快速排查修复？  如何基于PHP生成高效IDC网络公司建站源码？  如何快速生成高效建站系统源代码？