探索图片透明度叠加方式

两张带有透明度的图叠加,能够叠加出另一个透明度的图,如下:

探索图片透明度叠加方式

那么叠加后的透明度是多少呢?

很容易做实验,两个透明度0.5的图叠在一起,并不会就没有透明度了。两个0.9的叠在一起,也不会超过1是不是?

那么很可能就是非线性叠加。类似于数学中概率事件的计算:

理解透明度为 显示程度

设图a透明度 x, 图b透明度y,(0<=x,y<=1)

那么 a为空的程度 1-x,b为空的程度1-y

a,b都为空的程度(1-x)*(1-y)

a,b不都为空的程度 1-(1-x)*(1-y) = a,b混合后的 透明度。

所以两个透明度为0.5的图片叠加后,透明度为0.75