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; 
} 

궁금 한 점 이 있 으 시 면 메 시 지 를 남기 거나 본 사이트 의 커 뮤 니 티 에 가서 토론 을 교류 하 세 요.읽 어 주 셔 서 감사합니다. 도움 이 되 셨 으 면 좋 겠 습 니 다.본 사이트 에 대한 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기