Skip to content

图片混合模式 对应表

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比安卓多, 但可能有没有完全对应的内容 其他类型,插件不支持

Clone this wiki locally