SVGFEDisplacementMapElement: result property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The result read-only property of the SVGFEDisplacementMapElement interface describes the assigned name of an SVG filter primitive as a SVGAnimatedString.
It reflects the <feDisplacementMap> element's result attribute. The attribute value is a <custom-ident>. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element.
If no result attribute is defined, the filter's result.baseVal and result.animVal are empty strings, and the output of the <feDisplacementMap> filter will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
Value
Example
const feDisplacementMapElement = document.querySelector("feDisplacementMap");
const filterName = feDisplacementMapElement.result;
console.log(filterName.baseVal); // the filter's assigned name
Specifications
| Specification |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-result |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
result
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
See also
SVGFEDisplacementMapElement.in1<custom-ident>data typeSVGFEImageElementAPI and<feImage>elementSVGFETurbulenceElementAPI and<feTurbulence>element- CSS
<blend-mode>data type - CSS
mix-blend-modeproperty