SVGFEDiffuseLightingElement: x 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

SVGFEDiffuseLightingElement 接口的只读属性 x 将 SVG 滤镜图元的水平坐标描述为一个 SVGAnimatedLength

它反映了 <feDiffuseLighting> 元素的 x 滤镜图元属性值。该滤镜使用 alpha 通道作为高度图来照亮图像。该属性是一个 <length><percentage>

<coordinate> 是用户坐标系中的一个长度,表示从用户坐标系原点沿 x 轴的给定距离。如果 x 属性是百分比值,则属性值相对于用户坐标系单位中的滤镜区域的宽度。默认值为 0

一个 SVGAnimatedLength 对象。

示例

js
const feDiffuseLighting = document.querySelector("feDiffuseLighting");
const leftPosition = feDiffuseLighting.x;
console.log(leftPosition.baseVal.value); // the `x` value

规范

规范
滤镜效果模块第 1 级
# dom-svgfilterprimitivestandardattributes-x

浏览器兼容性

另见