Skip to content
导航

blendMode

关键属性

blendMode: 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' // 明度

混合原理及效果

穿透模式

定义当前图层内部的子混合模式(如填充、描边、特效的混合模式)是否与背景图层混合。

非穿透模式时,子混合模式只对当前图层产生作用,不与背景图层混合。

Released under the MIT License.