X3

RedSky

导航

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};
}

 

posted on 2024-08-03 15:57  HotSky  阅读(2)  评论(0编辑  收藏  举报