HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

feBlend

Description

The feBlend element for SVG specifies blending two objects using commonly used imaging software blending modes.

Syntax

Attributes

in

Specifies the input for the filter primitive.

If no value is provided and this is the first filter primitive, then this filter primitive will use SourceGraphic as its input. If no value is provided and this is a subsequent filter primitive, then this filter primitive will use the result from the previous filter primitive as its input.

Value
SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>
Default
SourceGraphic (or result)

in2

Specifies the second input image to the blending operation.

If no value is provided and this is the first filter primitive, then this filter primitive will use SourceGraphic as its input. If no value is provided and this is a subsequent filter primitive, then this filter primitive will use the result from the previous filter primitive as its input.

Value
SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>
Default
SourceGraphic (or result)

mode

Specifies the blend mode.

Value
<blend-mode>
Default
normal

no-composite

Specifies the blend mode must not apply alpha compositing.

Value
no-composite
Default
no-composite

Examples

in

BackgroundAlpha

BackgroundImage

FillPaint

<filter-primitive-reference>

SourceAlpha

SourceGraphic

StrokePaint

in2

BackgroundAlpha

BackgroundImage

FillPaint

<filter-primitive-reference>

SourceAlpha

SourceGraphic

StrokePaint

mode

<blend-mode>

no-composite

no-composite