SVGFEBlendElement: x 属性

Baseline 已广泛支持

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

SVGFEBlendElement 接口的只读属性 x，描述了 SVG 滤镜图元的水平坐标，其类型为 SVGAnimatedLength。

它反映了 <feBlend> 元素的 x 滤镜图元属性值。<feBlend> SVG 滤镜使用常用的成像软件混合模式将两个输入图像混合在一起。

该属性是一个 <length> 或 <percentage>。<coordinate> 是用户坐标系统中的一个长度，距离用户坐标系统的原点在 x 轴上的距离。如果 x 属性是百分比值，则属性值相对于用户坐标系统单位的滤镜区域宽度。默认值为 0。

值

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

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

此页面最后由 MDN 贡献者于 2025年3月18日修改。