源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

javascript计算渐变颜色的实例

  • 时间:2020-08-02 08:13 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javascript计算渐变颜色的实例
[b]javascript计算渐变颜色的实例[/b] 有时候,一个表格或者一片区域内,需要若干同色系从浅到深的颜色,如图所示:   [img]http://files.jb51.net/file_images/article/201709/201792293203080.png?201782293219[/img] 如果需要的颜色少,则颜色的差异较大,需要的颜色多,则颜色差异小,如下图:  [img]http://files.jb51.net/file_images/article/201709/201792293227772.png?201782293247[/img] [img]http://files.jb51.net/file_images/article/201709/201792293256848.png?20178229337[/img] 这时,就用到了同色系渐变颜色的计算,算法如下:
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; 
}
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部