将RGB颜色值转换为RGBA 0.75 alpha

Tom*_*Tom 13 javascript css jquery rgba

我有以下代码来获取元素的背景颜色.

var currentColor = $(this).css('background-color');
Run Code Online (Sandbox Code Playgroud)

返回类似的东西 rgb(123,123,123)

我现在要做的是将其转换为rgba并以0.75 alpha显示

所以返回类似的东西 rgba(123,123,123,0.75)

有任何想法吗?

Cer*_*rus 24

由于jQuery似乎总是返回颜色,就像rgb(r, g, b)没有alpha的元素一样,你可以简单地使用:

$(this).css('background-color').replace(')', ', 0.75)').replace('rgb', 'rgba');
Run Code Online (Sandbox Code Playgroud)

只需确保背景颜色不是rgba:

var bg = $(this).css('background-color');
if(bg.indexOf('a') == -1){
    var result = bg.replace(')', ', 0.75)').replace('rgb', 'rgba');
}
Run Code Online (Sandbox Code Playgroud)


nic*_*ias 5

另一个正则表达式尝试http://jsfiddle.net/hc3BA/

var colour = 'rgb(123,123,123)',
new_col = colour.replace(/rgb/i, "rgba");
new_col = new_col.replace(/\)/i,',0.75)');
Run Code Online (Sandbox Code Playgroud)

  • 建议、概念验证、随意改进代码。 (2认同)