RGB和RGBA之间的转换
生活随笔
收集整理的這篇文章主要介紹了
RGB和RGBA之间的转换
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
/*** rgb轉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轉rgb* @param color* @returns {string}*/function rgbaToRgb(color){//在CSS 顏色標準 4 中,rgba()是rgb()的別稱。在實行第4級標準的瀏覽器中,它們接受相同的參數,作用效果也相同。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;}
?
總結
以上是生活随笔為你收集整理的RGB和RGBA之间的转换的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python图像二值化处理_python
- 下一篇: vim中字符串的替换