SVGFEGaussianBlurElement: 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 SVGFEGaussianBlurElement interface describes the assigned name of an SVG filter primitive as a SVGAnimatedString.
It reflects the result attribute of the <feGaussianBlur> element, which blurs an input image. 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 <feGaussianBlur> 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 feGaussianBlurElement = document.querySelector("feGaussianBlur");
const filterName = feGaussianBlurElement.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
- Has more compatibility info.
See also
SVGFEGaussianBlurElement.in1<custom-ident>data type- SVG filter tutorial
- CSS
<blend-mode>data type - CSS
blur()function - CSS filter effects module- CSS
mix-blend-modeproperty