js实现16进制颜色转换成rgba格式
2017-02-17 18:32
381 查看
今天接的需求需要背景颜色有透明度,然而后台打的数据是#16进制格式的颜色,所以需要用js手动把16进制颜色转换成rgba格式。代码如下:
function colorRgb(str,opacity){ var sColor = str.toLowerCase(); if(sColor){ if(sColor.length === 4){ var sColorNew = "#"; for(var i=1; i<4; i+=1){ sColorNew += sColor.slice(i,i+1).concat(sColor.slice(i,i+1)); } sColor = sColorNew; } //处理六位的颜色值 var sColorChange = []; for(var i=1; i<7; i+=2){ sColorChange.push(parseInt("0x"+sColor.slice(i,i+2))); } return "rgba(" + sColorChange.join(",")+","+opacity + ")"; }else{ return sColor; } };
相关文章推荐
- js方法实现rgb颜色转换成16进制格式的代码的方法
- JS实现颜色的10进制转化成rgba格式的方法
- js将16进制颜色转换成RGB格式
- js 颜色格式rgb->16进制的转换
- javascript实现rgb颜色转换成16进制格式
- javascript实现rgb颜色转换成16进制格式
- ConvertJSONDateToJSDateObject 方法实现json格式时间串转换为 对应的时间格式串
- JS 16进制颜色透明度转换
- 实现将YUV 格式数据转换成 RGBA 格式数据的Native层代码
- Javascript实现颜色rgb与16进制转换的方法
- JS实现颜色值的转换
- js中hex16进制颜色转rgb(rgba)
- js将long日期格式转换为标准日期格式实现思路
- js将long日期格式转换为标准日期格式实现思路
- 用JS实现给定数字转换成千分位格式,如“10000”转化成“10,000”。
- JS实现数字格式千分位相互转换方法
- javascript实现十六进制颜色值(HEX)和RGB格式相互转换
- js将long日期格式转换为标准日期格式实现思路
- 用js实现颜色编码十六进制和十进制的转换
- JavaScript实现把rgb颜色转换成16进制颜色的方法