前言
本文主要給大家介紹的是關(guān)于利用javascript/22755.html">javascript/114014.html">javascript獲取任意顏色更亮或更暗顏色值的相關(guān)內(nèi)容，下面話不多說(shuō)，來(lái)一起看看詳細(xì)的介紹：
預(yù)處理CSS，比如Sass和less可以通過(guò)設(shè)定一個(gè)特定值，讓任何顏色變得更亮或者更暗。但是在javascript中卻沒(méi)有這種方法。下面這個(gè)方法能在javascript中得到一個(gè)更亮或者更暗的值，通過(guò)一個(gè)給定的十六進(jìn)制顏色值（比如#F06D06,或者沒(méi)有#）
示例代碼
function LightenDarkenColor(col, amt) { var usePound = false; if (col[0] == "#") { col = col.slice(1); usePound = true; } var num = parseInt(col,16); var r = (num >> 16) + amt; if (r > 255) r = 255; else if (r < 0) r = 0; var b = ((num >> 8) & 0x00FF) + amt; if (b > 255) b = 255; else if (b < 0) b = 0; var g = (num & 0x0000FF) + amt; if (g > 255) g = 255; else if (g < 0) g = 0; return (usePound?"#":"") + (g | (b << 8) | (r << 16)).toString(16); }// Lightenvar NewColor = LightenDarkenColor("#F06D06", 20); // Darkenvar NewColor = LightenDarkenColor("#F06D06", -20); 總結(jié)
以上就是這篇文章的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)VeVb武林網(wǎng)的支持。
新聞熱點(diǎn)
疑難解答
