javascript – 如何从CSS颜色中提取r,g,b值?

什么是最简单的转型方式

$('#my_element').css('backgroundColor')

像这样的对象:

{ r: red_value, g: green_value, b: blue_value, a: alpha_value }

解决方法:

var c = $('body').css('background-color');
var rgb = c.replace(/^(rgb|rgba)\(/,'').replace(/\)$/,'').replace(/\s/g,'').split(',');

for(var i in rgb) {
  console.log(rgb[i]);
}

在这里尝试http://jsbin.com/uhawa4

编辑:

var c = $('body').css('background-color');
var rgb = c.replace(/^rgba?\(|\s+|\)$/g,'').split(',');

for(var i in rgb) {
  console.log(rgb[i]);
}

甚至更简单的方法,只针对数字

var c = 'rgba(60,4,2,6)';
var rgb = c.match(/\d+/g);

for(var i in rgb) {
  console.log(rgb[i]);
}
上一篇:Css实现漂亮的滚动条样式


下一篇:echarts 踩坑 : 为什么触摸柱状图的时后柱子不见了?原来是color的锅!