RGB和RGBA之间的转换
生活随笔
收集整理的這篇文章主要介紹了
RGB和RGBA之间的转换
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
/*** rgb轉(zhuǎn)rgba* @param color* @param alp* @returns {string}*/function rgbToRgba(color,alp){var r,g,b;var rgbaAttr = color.match(/[\d.]+/g);if(rgbaAttr.length >=3){var r,g,b;r = rgbaAttr[0];g = rgbaAttr[1];b = rgbaAttr[2];return 'rgba('+r+','+g+','+b+','+alp+')';}}/*** rgba轉(zhuǎn)rgb* @param color* @returns {string}*/function rgbaToRgb(color){//在CSS 顏色標(biāo)準(zhǔn) 4 中,rgba()是rgb()的別稱。在實(shí)行第4級(jí)標(biāo)準(zhǔn)的瀏覽器中,它們接受相同的參數(shù),作用效果也相同。return color.replace("rgba","rgb");var rgbaAttr = color.match(/[\d.]+/g);if(rgbaAttr.length >=4){var r,g,b,alpha,nr,ng,nb;r = rgbaAttr[0];g = rgbaAttr[1];b = rgbaAttr[2];alpha = rgbaAttr[3];//Color = Color * alpha + bkg * (1 - alpha);var bkg ='rgb(255,177,84)';var bkgAttr = bkg.match(/[\d.]+/g);nr = r*alpha+bkgAttr[0]*(1-alpha);ng = g*alpha+bkgAttr[1]*(1-alpha);nb = b*alpha+bkgAttr[2]*(1-alpha);return 'rgb('+nr+','+ng+','+nb+')';}return '';}/*** 獲取rgba中的透明度* @param color* @returns {number}*/function getRgbaAlp(color){var alp = 1;var rgbaReg = /rgba\([\d ]+(?:\,([\d. ]+)){3}\)/;if(rgbaReg.test(color)){alp = color.replace(rgbaReg,'$1');}return alp;}
?
總結(jié)
以上是生活随笔為你收集整理的RGB和RGBA之间的转换的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python图像二值化处理_python
- 下一篇: vim中字符串的替换