Skip to content

API Reference / @gtkx/cairo / Operator

Enumeration: Operator ​

Defined in: packages/cairo/src/enums.ts:6

How a drawing operation composites its source onto the destination.

Enumeration Members ​

ADD ​

ADD: 12

Defined in: packages/cairo/src/enums.ts:180

Accumulates the source and destination layers.


ATOP ​

ATOP: 5

Defined in: packages/cairo/src/enums.ts:166

Draws the source on top of the destination, limited to the destination's extents.


CLEAR ​

CLEAR: 0

Defined in: packages/cairo/src/enums.ts:156

Clears the destination where the source is drawn.


COLOR_BURN ​

COLOR_BURN: 20

Defined in: packages/cairo/src/enums.ts:196

Darkens the destination to reflect the source.


COLOR_DODGE ​

COLOR_DODGE: 19

Defined in: packages/cairo/src/enums.ts:194

Brightens the destination to reflect the source.


DARKEN ​

DARKEN: 17

Defined in: packages/cairo/src/enums.ts:190

Keeps the darker of the source and destination.


DEST ​

DEST: 6

Defined in: packages/cairo/src/enums.ts:168

Ignores the source.


DEST_ATOP ​

DEST_ATOP: 10

Defined in: packages/cairo/src/enums.ts:176

Leaves the destination on top of the source, limited to the source's extents.


DEST_IN ​

DEST_IN: 8

Defined in: packages/cairo/src/enums.ts:172

Leaves the destination only where there was source content.


DEST_OUT ​

DEST_OUT: 9

Defined in: packages/cairo/src/enums.ts:174

Leaves the destination only where there was no source content.


DEST_OVER ​

DEST_OVER: 7

Defined in: packages/cairo/src/enums.ts:170

Draws the destination on top of the source.


DIFFERENCE ​

DIFFERENCE: 23

Defined in: packages/cairo/src/enums.ts:202

Takes the difference of the source and destination.


EXCLUSION ​

EXCLUSION: 24

Defined in: packages/cairo/src/enums.ts:204

Like DIFFERENCE but with lower contrast.


HARD_LIGHT ​

HARD_LIGHT: 21

Defined in: packages/cairo/src/enums.ts:198

Multiplies or screens depending on the source lightness.


HSL_COLOR ​

HSL_COLOR: 27

Defined in: packages/cairo/src/enums.ts:210

Takes the hue and saturation of the source and the luminosity of the destination.


HSL_HUE ​

HSL_HUE: 25

Defined in: packages/cairo/src/enums.ts:206

Takes the hue of the source and the saturation and luminosity of the destination.


HSL_LUMINOSITY ​

HSL_LUMINOSITY: 28

Defined in: packages/cairo/src/enums.ts:212

Takes the luminosity of the source and the hue and saturation of the destination.


HSL_SATURATION ​

HSL_SATURATION: 26

Defined in: packages/cairo/src/enums.ts:208

Takes the saturation of the source and the hue and luminosity of the destination.


IN ​

IN: 3

Defined in: packages/cairo/src/enums.ts:162

Draws the source where there was destination content.


LIGHTEN ​

LIGHTEN: 18

Defined in: packages/cairo/src/enums.ts:192

Keeps the lighter of the source and destination.


MULTIPLY ​

MULTIPLY: 14

Defined in: packages/cairo/src/enums.ts:184

Multiplies the source and destination colors, always darkening.


OUT ​

OUT: 4

Defined in: packages/cairo/src/enums.ts:164

Draws the source where there was no destination content.


OVER ​

OVER: 2

Defined in: packages/cairo/src/enums.ts:160

Draws the source over the destination.


OVERLAY ​

OVERLAY: 16

Defined in: packages/cairo/src/enums.ts:188

Multiplies or screens depending on the destination lightness.


SATURATE ​

SATURATE: 13

Defined in: packages/cairo/src/enums.ts:182

Like OVER, but assumes the source and destination are disjoint geometries.


SCREEN ​

SCREEN: 15

Defined in: packages/cairo/src/enums.ts:186

Complements and multiplies the source and destination, always lightening.


SOFT_LIGHT ​

SOFT_LIGHT: 22

Defined in: packages/cairo/src/enums.ts:200

Darkens or lightens depending on the source lightness.


SOURCE ​

SOURCE: 1

Defined in: packages/cairo/src/enums.ts:158

Replaces the destination with the source.


XOR ​

XOR: 11

Defined in: packages/cairo/src/enums.ts:178

Shows the source and destination where there is only one of them.