Class W3cBlend`Abstract`

Image Processing Blending & Compositing. Implementation compliant with W3C Compositing and Blending Level 1. Operations are performed in Linear RGB space.

Methods

`Static`blend

blend<C extends SeparableColorSpaces>(
    base: C,
    blend: C,
    opacity: number,
    blendFn: BlendFn,
): C
Blend two colors by applying source blend over target base. Notes:
- Rec.709, XYZ, XyzD50: ok but not optimal.
Type Parameters
- C extends SeparableColorSpaces
Parameters
- base: C
- blend: C
- opacity: number
- blendFn: BlendFn
Returns C
- Defined in mappers/W3cBlend.ts:56

`Static`blendCover

blendCover<C extends SeparableColorSpaces>(
    base: C,
    blend: C,
    opacity: number,
): C
Type Parameters
- C extends SeparableColorSpaces
Parameters
- base: C
- blend: C
- opacity: number
Returns C
- Defined in mappers/W3cBlend.ts:88

`Static`blendDarken

blendDarken<C extends SeparableColorSpaces>(
    base: C,
    blend: C,
    opacity: number,
): C
Type Parameters
- C extends SeparableColorSpaces
Parameters
- base: C
- blend: C
- opacity: number
Returns C
- Defined in mappers/W3cBlend.ts:97

`Static`blendDarkenHard

blendDarkenHard<C extends SeparableColorSpaces>(
    base: C,
    blend: C,
    opacity: number,
): C
Type Parameters
- C extends SeparableColorSpaces
Parameters
- base: C
- blend: C
- opacity: number
Returns C
- Defined in mappers/W3cBlend.ts:106

`Static`blendDarkenSoft

blendDarkenSoft<C extends SeparableColorSpaces>(
    base: C,
    blend: C,
    opacity: number,
): C
Type Parameters
- C extends SeparableColorSpaces
Parameters
- base: C
- blend: C
- opacity: number
Returns C
- Defined in mappers/W3cBlend.ts:115

`Static`blendDifference

blendDifference<C extends SeparableColorSpaces>(
    base: C,
    blend: C,
    opacity: number,
): C
Type Parameters
- C extends SeparableColorSpaces
Parameters
- base: C
- blend: C
- opacity: number
Returns C
- Defined in mappers/W3cBlend.ts:124

`Static`blendExclusion

blendExclusion<C extends SeparableColorSpaces>(
    base: C,
    blend: C,
    opacity: number,
): C
Type Parameters
- C extends SeparableColorSpaces
Parameters
- base: C
- blend: C
- opacity: number
Returns C
- Defined in mappers/W3cBlend.ts:133

`Static`blendLighten

blendLighten<C extends SeparableColorSpaces>(
    base: C,
    blend: C,
    opacity: number,
): C
Type Parameters
- C extends SeparableColorSpaces
Parameters
- base: C
- blend: C
- opacity: number
Returns C
- Defined in mappers/W3cBlend.ts:142

`Static`blendLightenHard

blendLightenHard<C extends SeparableColorSpaces>(
    base: C,
    blend: C,
    opacity: number,
): C
Type Parameters
- C extends SeparableColorSpaces
Parameters
- base: C
- blend: C
- opacity: number
Returns C
- Defined in mappers/W3cBlend.ts:151

`Static`blendLightenSoft

blendLightenSoft<C extends SeparableColorSpaces>(
    base: C,
    blend: C,
    opacity: number,
): C
Type Parameters
- C extends SeparableColorSpaces
Parameters
- base: C
- blend: C
- opacity: number
Returns C
- Defined in mappers/W3cBlend.ts:160

`Static`blendMultiply

blendMultiply<C extends SeparableColorSpaces>(
    base: C,
    blend: C,
    opacity: number,
): C
Type Parameters
- C extends SeparableColorSpaces
Parameters
- base: C
- blend: C
- opacity: number
Returns C
- Defined in mappers/W3cBlend.ts:169

`Static`blendOverlay

blendOverlay<C extends SeparableColorSpaces>(
    base: C,
    blend: C,
    opacity: number,
): C
Type Parameters
- C extends SeparableColorSpaces
Parameters
- base: C
- blend: C
- opacity: number
Returns C
- Defined in mappers/W3cBlend.ts:178

`Static`blendScreen

blendScreen<C extends SeparableColorSpaces>(
    base: C,
    blend: C,
    opacity: number,
): C
Type Parameters
- C extends SeparableColorSpaces
Parameters
- base: C
- blend: C
- opacity: number
Returns C
- Defined in mappers/W3cBlend.ts:187

`Static`blendSubtract

blendSubtract<C extends SeparableColorSpaces>(
    base: C,
    blend: C,
    opacity: number,
): C
Type Parameters
- C extends SeparableColorSpaces
Parameters
- base: C
- blend: C
- opacity: number
Returns C
- Defined in mappers/W3cBlend.ts:196

`Static`cover

cover(_base: number, blend: number): number
The blend color completely covers the base color based on opacity.
Parameters
- _base: number
- blend: number
Returns number
- Defined in mappers/W3cBlend.ts:208

`Static`darken

darken(base: number, blend: number): number
Compares colors and keeps the darker one. No blending, just replacement.
Parameters
- base: number
- blend: number
Returns number
- Defined in mappers/W3cBlend.ts:217

`Static`darkenHard

darkenHard(base: number, blend: number): number
Darken the base color by increasing contrast. Saturated and sharp darks.
Parameters
- base: number
- blend: number
Returns number
- Defined in mappers/W3cBlend.ts:226

`Static`darkenSoft

darkenSoft(base: number, blend: number): number
Darken the base color by decreasing brightness. Darker than Multiply.
Parameters
- base: number
- blend: number
Returns number
- Defined in mappers/W3cBlend.ts:236

`Static`difference

difference(base: number, blend: number): number
Subtract the darker color from the lighter one. Used for inversion effects.
Parameters
- base: number
- blend: number
Returns number
- Defined in mappers/W3cBlend.ts:245

`Static`exclusion

exclusion(base: number, blend: number): number
Similar to Difference but with lower contrast.
Parameters
- base: number
- blend: number
Returns number
- Defined in mappers/W3cBlend.ts:253

`Static`lighten

lighten(base: number, blend: number): number
Compare colors and keeps the lighter one. No blending, just replacement.
Parameters
- base: number
- blend: number
Returns number
- Defined in mappers/W3cBlend.ts:261

`Static`lightenHard

lightenHard(base: number, blend: number): number
Similar to Overlay, but based on the Blend color. Harsh spotlight effect.
Parameters
- base: number
- blend: number
Returns number
- Defined in mappers/W3cBlend.ts:270

`Static`lightenSoft

lightenSoft(base: number, blend: number): number
A gentler version of Hard Light. Diffused spotlight effect.
Parameters
- base: number
- blend: number
Returns number
- Defined in mappers/W3cBlend.ts:280

`Static`multiply

multiply(base: number, blend: number): number
Multiply the color values. Always darker. Simulates drawing with markers.
Parameters
- base: number
- blend: number
Returns number
- Defined in mappers/W3cBlend.ts:295

`Static`overlay

overlay(base: number, blend: number): number
Combine Multiply and Screen based on the Base color. Increases contrast.
Parameters
- base: number
- blend: number
Returns number
- Defined in mappers/W3cBlend.ts:304

`Static`screen

screen(base: number, blend: number): number
The inverse of Multiply. Always lighter. Simulates projecting multiple lights.
Parameters
- base: number
- blend: number
Returns number
- Defined in mappers/W3cBlend.ts:315

`Static`subtract

subtract(base: number, blend: number): number
Mathematically subtracts the blend color from the base.
Parameters
- base: number
- blend: number
Returns number
- Defined in mappers/W3cBlend.ts:323