kwgt 图层混合模式 Blend 模糊 XOR 差值 饱和度详解
什么是混合模式
kwgt 画布上后绘制的元素会叠加在先绘制的元素上面——混合模式就是决定"怎么叠加"的规则。默认是 Normal（直接覆盖），其他模式能做出意想不到的合成效果。
常用模式：
| 模式 | 效果 | 适用场景 |
|---|---|---|
| Normal | 直接覆盖（默认） | 绝大多数元素 |
| Multiply | 正片叠底（整体变暗） | 给背景加暗角 / 暗部 |
| Screen | 滤色（整体变亮） | 高光 / 闪光效果 |
| Overlay | 叠加（保留原图对比度） | 色彩增强 |
| Blur | 模糊下方图层 | 壁纸磨砂效果 |
| XOR | 异或（相同值变黑） | 科技感合成 / 光效 |
| Difference | 差值 | 反转色 / 动态对比 |
| Saturation | 饱和度 | 只影响下方图层的饱和度 |
Blur 模糊——壁纸磨砂
最常用的混合模式。典型场景：
- 画布最底层放一张壁纸图（背景）
- 上面叠一个矩形（卡片区域）
- 矩形的混合模式选 Blur
- 调整模糊半径（Paint 里的 Blur）
结果：矩形覆盖壁纸的区域变成磨砂玻璃效果——这就是很多 iOS 风格小组件的秘密。
XOR 异或——科技感装饰
XOR 模式会把两个图层的颜色做异或运算，结果是：
- 相同颜色区域变黑
- 不同颜色区域高亮显示
常用在：
- 科技感网格 / 扫描线
- 动态光效（配合函数让 XOR 层随时间变化）
Difference 差值——反转对比
Difference 模式会计算两个图层颜色差值，效果是：
- 相同颜色 → 黑色
- 颜色差越大 → 越亮
适合做：
- 动态色对比（比如电池图标在不同电量下显示完全不同的颜色风格）