feDisplacementMap

Overview Table

DOM Interface

SVGElement

Examples

View live example

Syntax

Standards information

• Scalable Vector Graphics: Filter Effects, Section 15.25.17

Members

The SVGFEDisplacementMapElement object has these properties:

• height: Gets or sets the height of an element.
• in1: Identifies input for the given filter primitive.
• in2: The second input image to the blending operation.
• result: Provides a reference for the output result of a filter.
• width: Defines the width of an element.
• x: Gets or sets the x-coordinate value.
• xChannelSelector: Specifies which color channel (R/G/B/A) from image 2 to use for the x displacement property with a FEDisplacementMap element.
• y: Gets or sets the y-coordinate value.
• yChannelSelector: Specifies which color channel (R/G/B/A) from image 2 to use for the y displacement property with a FEDisplacementMap element.

See also

Related articles

Filters

• blur()

• brightness()

• contrast()

• custom()

• drop-shadow()

• grayscale()

• hue-rotate()

• invert()

• opacity()

• saturate()

• sepia()

• filter

• feBlend

• feColorMatrix

• feComponentTransfer

• feComposite

• feConvolveMatrix

• feDiffuseLighting

• feDisplacementMap

• feDistantLight

• feFlood

• feFuncA

• feFuncB

• feFuncG

• feFuncR

• feGaussianBlur

• feImage

• feMerge

• feMergeNode

• feMorphology

• feOffset

• fePointLight

• feSpecularLighting

• feSpotlight

• feTile

• feTurbulence

• SVG deployment

• SVG filters

• SVG graphic effects

• SVG grand tour

• SVG filters

Related pages

• xChannelSelector
• yChannelSelector

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]