[點晴永久免費OA]JS顏色動態(tài)加深或者減淡
/**************************顏色處理***********************************/ //hex顏色轉(zhuǎn)rgb顏色 function HexToRgb (str) { var r = /^\#?[0-9A-F]{6}$/; //test方法檢查在字符串中是否存在一個模式,如果存在則返回true,否則返回false if (!r.test(str)) return window.alert("輸入錯誤的hex"); //replace替換查找的到的字符串 str = str.replace("#", ""); //match得到查詢數(shù)組 var hxs = str.match(/../g); //alert('bf:'+hxs) for (var i = 0; i < 3; i++) hxs[i] = parseInt(hxs[i], 16); //alert(parseInt(80, 16)) //console.log(hxs); return hxs; } //GRB顏色轉(zhuǎn)Hex顏色 function RgbToHex (a, b, c) { var r = /^\d{1,3}$/; if (!r.test(a) || !r.test(b) || !r.test(c)) return window.alert("輸入錯誤的rgb顏色值"); var hexs = [a.toString(16), b.toString(16), c.toString(16)]; for (var i = 0; i < 3; i++) if (hexs[i].length == 1) hexs[i] = "0" + hexs[i]; return "#" + hexs.join(""); }
//得到hex顏色值為color的加深顏色值,level為加深的程度,限0-1之間 function getDarkColor(color, level) { var r = /^\#?[0-9A-F]{6}$/; if (!r.test(color)) return window.alert("輸入錯誤的hex顏色值"); var rgbc = this.HexToRgb(color); //floor 向下取整 for (var i = 0; i < 3; i++) rgbc[i] = Math.floor(rgbc[i] * (1 - level)); return this.RgbToHex(rgbc[0], rgbc[1], rgbc[2]); } //得到hex顏色值為color的減淡顏色值,level為加深的程度,限0-1之間 function getLightColor(color, level) { var r = /^\#?[0-9A-F]{6}$/; if (!r.test(color)) return window.alert("輸入錯誤的hex顏色值"); var rgbc = this.HexToRgb(color); for (var i = 0; i < 3; i++) rgbc[i] = Math.floor((255 - rgbc[i]) * level + rgbc[i]); return this.RgbToHex(rgbc[0], rgbc[1], rgbc[2]); }
/****************************顏色處理結(jié)束**************************************/ 該文章在 2023/4/12 9:42:42 編輯過 |
關鍵字查詢
相關文章
正在查詢... |