跳到主要内容

混合模式

混合模式是指同一个显示容器中的两个显示对象重叠时，重叠区域如何呈现的方式，也就是两个显示对象的重叠区域像素如何混合产生结果像素。

1.覆盖混合​

说明​

覆盖混合，表示为"normal"，该显示对象出现在背景前面。显示对象的像素值将覆盖背景的像素值。在显示对象为透明的区域，背景是可见的。

设置​

通常不设置混合模式，默认就是覆盖混合。设置图片为覆盖模式的代码：
img.blendMode = egret.BlendMode.NORMAL;

效果​

使用覆盖混合的效果：

2.叠加混合​

说明​

叠加混合，表示为"add" ：将显示对象的原色值添加到它的背景颜色中，上限值为 0xFF。此设置通常用于使两个对象间的加亮溶解产生动画效果。

设置​

设置图片为覆盖模式的代码：
img.blendMode = egret.BlendMode.ADD;

效果​

使用叠加混合的效果：

3.擦除混合​

说明​

擦除混合，表示为"erase" ：根据显示对象的 Alpha 值擦除背景。即不透明区域将被完全擦除。

设置​

设置图片为覆盖模式的代码：
img.blendMode = egret.BlendMode.ERASE;

效果​

使用擦除混合的效果：