-
Notifications
You must be signed in to change notification settings - Fork 124
图片混合模式 对应表
Caijinglong edited this page Mar 14, 2024
·
5 revisions
iOS(CGBlendMode) | Android(PorterDuff.Mode.) | Flutter(BlendMode) | 描述 |
---|---|---|---|
kCGBlendModeClear | CLEAR | clear | 清除所有 |
SRC | src | 只绘制前景 | |
DST | dst | 只绘制背景 | |
kCGBlendModeNormal | SRC_OVER | srcOver | 默认模式, 前景覆盖背景,透明不绘制 |
kCGBlendModeDestinationOver | DST_OVER | dstOver | 背景覆盖前景,透明不绘制 |
kCGBlendModeSourceIn | SRC_IN | srcIn | 取两层交集, 只绘制前景 |
kCGBlendModeDestinationIn | DST_IN | dstIn | 取两层交集, 只绘制背景 |
kCGBlendModeSourceOut | SRC_OUT | srcOut | 取不交集, 只绘制前景 |
kCGBlendModeDestinationOver | DST_OUT | dstOut | 取不交集, 只绘制背景 |
kCGBlendModeSourceAtop | SRC_ATOP | srcATop | 背景非交集部分和前景交集部分 |
kCGBlendModeDestinationAtop | DST_ATOP | dstATop | 前景非交集和背景交集 |
kCGBlendModeXOR | XOR | xor | 去除交集部分 |
kCGBlendModeDarken | DARKEN | darken | 全绘制,交集部分颜色加深(暗色) |
kCGBlendModeLighten | LIGHTEN | lighten | 全绘制,交集部分颜色加深(亮色) |
kCGBlendModeMultiply | MULTIPLY | multiply | 只保留交集部分, 叠加后的颜色 |
kCGBlendModeScreen | SCREEN | screen | 保留全部, 交集颜色混合 |
kCGBlendModeOverlay | OVERLAY | overlay | 公式比较复杂 |
SRC标识前景 DST为背景
默认情况下, 先画背景色, 后画前景 颜色混合的具体规则查看表格中的描述
以 Android 为主要参考对象, 共17种, iOS比安卓多, 但可能有没有完全对应的内容 其他类型,插件不支持