Alpha混合
算法:
前景颜色值: R1,G1,B1,A1
背景颜色值: R2,G2,B2,A2
则混合后颜色值:
R = R1 * A1 + R2 * A2 * (1-A1)
G = G1 * A1 + G2 * A2 * (1-A1)
B = B1 * A1 + B2 * A2 * (1-A1)
A = 1 - (1 - A1) * (1 - A2) ;
C#:
public static int[] ColorAlpha(int frontA, int frontR, int frontG, int frontB, int backA, int backR, int backG, int backB)
{
float n1 = 1f, n255 = 255f;
if(frontA >= n255)
return new int[] { frontA, frontR, frontG, frontB };
float r = frontR * frontA / n255 + backR * backA / n255 * (n1 - frontA / n255);
float g = frontG * frontA / n255 + backG * backA / n255 * (n1 - frontA / n255);
float b = frontB * frontA / n255 + backB * backA / n255 * (n1 - frontA / n255);
float a = (n1 - (n1 - frontA / n255) * (n1 - backA / n255)) * n255;
return new int[] { (int)a, (int)r, (int)g, (int)b};
}
javascript:
//1前景色;2背景色
function colorAlpha(a1,r1,g1,b1,a2,r2,g2,b2){
if(a1 >= 255)
return { a: a1, r: r1, g: g1, b: b1 };
let r = r1 * a1 / 255 + r2 * a2 / 255 * (1 - a1 / 255);
let g = g1 * a1 / 255 + g2 * a2 / 255 * (1 - a1 / 255);
let b = b1 * a1 / 255 + b2 * a2 / 255 * (1 - a1 / 255);
let a = 1 - (1 - a1/255)*(1-a2/255);
return {a:a, r: r, g: g, b: b};
}