This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The SVGFEDistantLightElement interface corresponds to the <feDistantLight> element.
This interface also inherits properties from its parent interface, SVGElement.
SVGFEDistantLightElement.azimuth Read only
An SVGAnimatedNumber corresponding to the azimuth attribute of the given element.
SVGFEDistantLightElement.elevation Read only
An SVGAnimatedNumber corresponding to the elevation attribute of the given element.
This interface does not provide any specific methods, but implements those of its parent, SVGElement.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
SVGFEDistantLightElement |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
azimuth |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
elevation |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 | 6 |
© 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/SVGFEDistantLightElement