Export (0) Print
Expand All

feDisplacementMap element | SVGFEDisplacementMapElement object

Spatially displaces an image (in) using the pixel values of a second image (in2). The transformation uses the equation: P'(x,y) <- P( x + scale * ((XC(x,y) - .5), y + scale * (YC(x,y) - .5)) where P(x,y) is the source image, image1, and P'(x,y) is the destination. XC(x,y) and YC(x,y) are the component values of the designated by the x-channel-selector and y-channel-selector. For example, to use the red (R) component of image2 to control displacement in x and the green (G) component of image2 to control displacement in y, set x-channel-selector to "R" and y-channel-selector to "G". The displacement map defines the inverse of the mapping performed.

Scalable Vector Graphics: Filter Effects, Section 15.25.17Internet Explorer 10

Syntax


 <feDisplacementMap xChannelSelector="G" yChannelSelector="B" in2="image2" in="image1"/>

DOM Information

Inheritance Hierarchy

 Node
  Element
   SVGElement
     SVGFEDisplacementMapElement

Members

The SVGFEDisplacementMapElement object has these types of members:

Properties

The SVGFEDisplacementMapElement object has these properties.

PropertyDescription

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.

 

Standards information

See also

xChannelSelector
yChannelSelector

 

 

Show:
© 2014 Microsoft