The in2 attribute identifies the second input for the given filter primitive. It works exactly like the in attribute.

Three elements use this attribute: <feBlend><feComposite> and <feDisplacementMap>.

feBlend

For <feBlend>, in2 defines the second input image to the blending operation.

Value SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>
Default value SourceGraphic for first filter primitive, otherwise result of previous filter primitive
Animatable Yes

feComposite

For <feComposite>, in2 defines the second input image to the compositing operation.

Value SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>
Default value SourceGraphic for first filter primitive, otherwise result of previous filter primitive
Animatable Yes

feDisplacementMap

For <feDisplacementMap>, in2 defines the second input image, which is used to displace the pixels in the image defined in the in attribute.

Value SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>
Default value SourceGraphic for first filter primitive, otherwise result of previous filter primitive
Animatable Yes

Specifications

Specification Status Comment
Filter Effects Module Level 1
The definition of 'in2 for <feDisplacementMap>' in that specification.
Working Draft No change
Filter Effects Module Level 1
The definition of 'in2 for <feComposite>' in that specification.
Working Draft No change
Filter Effects Module Level 1
The definition of 'in2 for <feBlend>' in that specification.
Working Draft No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'in2 for <feDisplacementMap>' in that specification.
Recommendation Initial definition for <feDisplacementMap>
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'in2 for <feComposite>' in that specification.
Recommendation Initial definition for <feComposite>
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'in2 for <feBlend>' in that specification.
Recommendation Initial definition for <feBlend>

Document Tags and Contributors

Contributors to this page: jswisher, loklaan, Sebastianz, mdnwebdocs-bot, Jeremie
Last updated by: jswisher,