Skip to content

BlendMode

混合模式

ts
type BlendMode =
  | 'pass-through' // 穿透
  | 'normal' // 正常
  | 'multiply' // 正片叠底---
  | 'darken' // 变暗
  | 'color-burn' // 颜色加深
  | 'lighten' // 变亮---
  | 'color-dodge' // 颜色减淡
  | 'screen' // 滤色
  | 'overlay' // 叠加---
  | 'hard-light' // 强光
  | 'soft-light' // 柔光
  | 'difference' // 差集---
  | 'exclusion' // 排除
  | 'hue' // 色相 ---
  | 'saturation' // 饱和度
  | 'color' // 颜色
  | 'luminosity' // 明度

混合原理及效果

穿透模式 | Pass Through

定义当前图层内部的子混合模式(如填充、描边、特效的混合模式)是否与背景图层混合,非穿透模式时,子混合模式只对当前图层产生作用

Released under the MIT License.