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
BCD tables only load in the browser
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-mode
property