アルファチャンネルにアルファチャンネルを重ねる件。

アルファチャンネル付き画像に、
アルファチャンネル付き画像を乗せたときの結果が、

思わしくない状況に遭遇することがあります。

では、何が正しいのかをちゃんと考えてみます。
PHP画像合成のバグもこの範疇に入ると思われます。
ということで、計算しやすくするため、以下の画像を考えます。
これは、イラレで矩形を透過属性付きで作成したもので、
黒白はα=1、
右の赤の矩形はα=80%
左と中央の赤の矩形はα=40%

としました。

そして画面キャプチャをとって、ピクセルの値を調べた値を＃テキスト表示しています。


■白の上に赤40％→#FF9999。
R要素→　FF*60%+FF*40%　→　0xff
GB要素→　FF*60%+00*40%　→　153　→　0x99
よって、FF9999

■黒の上に赤40％→#660000。
R要素→　00*60%+FF*40%　→　0x66
GB要素→　00*60%+00*40%　→　0x00
よって、660000

■白の上に赤40％、さらに赤40％→#FF5C5C
さてここの考え方が、全てのポイントである。
GB要素→　FF*A%+00*40%　→　92　→　0x5C
よって、Aは36%である。
ということは、明らかに、60％*60%である。

ようするに、アルファ：40%の画像の上に、アルファ30%の画像を載せたときの
アルファは、
30%　+　40%　*　（100-30）%　→　30+28　→　58%　となる。
逆にすると、
40%　+　30%　*　（100-40）%　→　40+18　→　58%　となり、やっぱり同じである。

シンプルな話なんですけどね。。。。。。(o^^o)
ただし、サンプルは同じ色のアルファだけ変えたサンプルなので、
色が違うときは、、、次回で。（－＿－；）