BlendMode enumeration

BlendMode enumeration

Specifies the blending modes available for combining images or elements in SVG.

The BlendMode type exposes the following members:

Fields

FieldDescription
NORMALDisplays the source image as is, without any blending.
MULTIPLYMultiplies the colors of the source image and the background. The result is a darker image.
SCREENMakes the dark parts of the source image lighter and the light parts unchanged.
OVERLAYCombines Multiply and Screen blend modes to enhance contrast.
DARKENDarkens the background based on the source image’s colors.
LIGHTENLightens the background based on the source image’s colors.
COLOR_DODGEBrightens the background to reflect the source image.
COLOR_BURNDarkens the background to reflect the source image.
HARD_LIGHTCreates a hard light effect based on the source image’s brightness.
SOFT_LIGHTCreates a soft light effect based on the source image’s brightness.
DIFFERENCEHighlights the differences between the source image and the background.
EXCLUSIONCreates an effect similar to Difference, but with lower contrast.
HUEUses the hue of the source image combined with the luminance and saturation of the background.
SATURATIONUses the saturation of the source image combined with the hue and luminance of the background.
COLORUses the hue and saturation of the source image combined with the luminance of the background.
LUMINOSITYUses the luminance of the source image combined with the hue and saturation of the background.

Remarks

Blending modes in SVG are used to determine how two layers are blended into each other. This enum provides a variety of options that control how the colors of the blended layers mix and produce different visual effects.

See Also