This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The SVGFEDisplacementMapElement interface corresponds to the <feDisplacementMap> element.
This interface also inherits properties from its parent interface, SVGElement.
SVGFEDisplacementMapElement.height Read only
An SVGAnimatedLength corresponding to the height attribute of the given element.
SVGFEDisplacementMapElement.in1 Read only
An SVGAnimatedString corresponding to the in attribute of the given element.
SVGFEDisplacementMapElement.in2 Read only
An SVGAnimatedString corresponding to the in2 attribute of the given element.
SVGFEDisplacementMapElement.result Read only
An SVGAnimatedString corresponding to the result attribute of the given element.
SVGFEDisplacementMapElement.scale Read only
An SVGAnimatedNumber corresponding to the scale attribute of the given element.
SVGFEDisplacementMapElement.width Read only
An SVGAnimatedLength corresponding to the width attribute of the given element.
SVGFEDisplacementMapElement.x Read only
An SVGAnimatedLength corresponding to the x attribute of the given element.
SVGFEDisplacementMapElement.xChannelSelector Read only
An SVGAnimatedEnumeration corresponding to the xChannelSelector attribute of the given element. It takes one of the SVG_CHANNEL_* constants defined on this interface.
SVGFEDisplacementMapElement.y Read only
An SVGAnimatedLength corresponding to the y attribute of the given element.
SVGFEDisplacementMapElement.yChannelSelector Read only
An SVGAnimatedEnumeration corresponding to the yChannelSelector attribute of the given element. It takes one of the SVG_CHANNEL_* constants defined on this interface.
This interface does not provide any specific methods, but implements those of its parent, SVGElement.
SVG_CHANNEL_UNKNOWN (0)The type is not one of predefined types. It is invalid to attempt to define a new value of this type or to attempt to switch an existing value to this type.
SVG_CHANNEL_R (1)Corresponds to the value R.
SVG_CHANNEL_G (2)Corresponds to the value G.
SVG_CHANNEL_B (3)Corresponds to the value B.
SVG_CHANNEL_A (4)Corresponds to the value A.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
SVGFEDisplacementMapElement |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
height |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
in1 |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
in2 |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
result |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
scale |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
width |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
x |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
xChannelSelector |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
y |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
yChannelSelector |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGFEDisplacementMapElement