W3cubDocs

/Web APIs

SVGFEOffsetElement: 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 SVGFEOffsetElement interface describes the assigned name of an SVG filter primitive as an SVGAnimatedString.

It reflects the result attribute of the <feOffset> element, which offsets the input image relative to its current position. 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 <feOffset> 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

An SVGAnimatedString.

Example

const feOffsetElement = document.querySelector("feOffset");
const filterName = feOffsetElement.result;
console.log(filterName.baseVal); // the filter's assigned name

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet WebView Android WebView on iOS
result 5 12 3 ≤12.1 6 18 4 ≤12.1 6 1.0 4.4 6

See also

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGFEOffsetElement/result