SVGFEImageElement: 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 SVGFEImageElement
interface describes the assigned name of an SVG filter primitive as a SVGAnimatedString
.
It reflects the result
attribute of the <feImage>
element, which fetches image data from an external source and provides the pixel data as output. 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 <feImage>
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 feImageElement = document.querySelector("feImage");
const filterName = feImageElement.result;
console.log(filterName.baseVa); // the filter's assigned name
Specifications
Specification |
---|
Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-result |
Browser compatibility
BCD tables only load in the browser
See also
SVGFEImageElement.in1
<custom-ident>
data type- SVG tutorial: Filter effects
- SVG Filter primitive attributes
- CSS
<blend-mode>
data type - CSS
mix-blend-mode
property