SVGFEDropShadowElement: 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 January 2020.
The result read-only property of the SVGFEDropShadowElement interface describes the assigned name of an SVG filter primitive as a SVGAnimatedString.
It reflects the 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 <feDropShadow> 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 feDropShadowElement = document.querySelector("feDropShadow");
const filterName = feDropShadowElement.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
SVGFEDropShadowElement.in1<custom-ident>data type- CSS
drop-shadow()function - CSS
box-shadowproperty - CSS
text-shadowproperty - CSS
<blend-mode>data type - CSS
mix-blend-modeproperty