SVGFEBlendElement: y 属性

Baseline 已广泛支持

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

y 是 SVGFEBlendElement 接口的一个只读属性，它以 SVGAnimatedLength 的形式描述 SVG 滤镜图元位置的垂直坐标。

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

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

值

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

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

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