本文主要和大家介紹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計算漸層色實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!