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

## 1.覆盖混合

### 说明 

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

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

### 效果
使用覆盖混合的效果：  
   
![](normal.png)
 

## 2.叠加混合

### 说明

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

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

### 效果
使用叠加混合的效果：    

![](add.png)

## 3.擦除混合

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

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

### 效果
使用擦除混合的效果：     

![](erase.png)