BlendMode

Type enumeration

Blend modes for the blendMode setting of a Graphics. Each value is a canvas composite operation.

From https://github.com/pixijs/pixi.js/blob/3dd0ff9a935f0bc13a09aefff9eb2872f02c51b9/packages/canvas/canvas-renderer/src/utils/mapCanvasBlendModesToPixi.ts#L13

Sources

BlendMode can be used (imported) via one of the following packages.

TypeScript

// Import BlendMode
import * as am5 from "@amcharts/amcharts5";

// Create BlendMode
am5.BlendMode.new(root, {
  // ... config if applicable
});

JavaScript

<!-- Load BlendMode -->
<script src="index.js"></script>

<script>
// Create BlendMode
am5.BlendMode.new(root, {
  // ... config if applicable
});
</script>

Members

#ADD

Value "lighter"

#COLOR

Value "color"

#COLOR_BURN

Value "color-burn"

#COLOR_DODGE

Value "color-dodge"

#DARKEN

Value "darken"

#DIFFERENCE

Value "difference"

#DST_OVER

Value "destination-over"

#EXCLUSION

Value "exclusion"

#HARD_LIGHT

Value "hard-light"

#HUE

Value "hue"

#LIGHTEN

Value "lighten"

#LUMINOSITY

Value "luminosity"

#MULTIPLY

Value "multiply"

#NORMAL

Value "source-over"

#OVERLAY

Value "overlay"

#SATURATION

Value "saturation"

#SCREEN

Value "screen"

#SOFT_LIGHT

Value "soft-light"

#SRC_ATOP

Value "source-atop"

#XOR

Value "xor"