SVGFESpotLightElement: x 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.
Thex read-only property of theSVGFESpotLightElement interface describes the horizontal coordinate of the position of an SVG filter primitive as aSVGAnimatedNumber.
It reflects thex attribute of the<feSpotLight> element, which can be used to define the light source in a spotlight effect. The attribute is a<number>. The default value is0.
Value
Example
js
const feSpotLight = document.querySelector("feSpotLight");const leftPosition = feSpotLight.x;console.log(leftPosition.baseVal.value); // the `x` valueSpecifications
| Specification |
|---|
| Filter Effects Module Level 1 # dom-svgfespotlightelement-x |