SVGFEFloodElement: y 属性

Baseline 已广泛支持

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

SVGFEFloodElement 接口的只读属性 y,它描述了一个 SVG 滤镜原语的垂直位置坐标,该坐标是一个 SVGAnimatedLength 对象。

它反映了 <feFlood> 元素的 y 属性。该属性用于使用 flood-colorflood-opacity 定义的颜色和不透明度填充 SVG 滤镜子区域。该属性可以是 <length> 类型或 <percentage> 类型。<coordinate> 是在用户坐标系中的一个长度值,表示从滤镜的原点沿 y 轴方向的距离。如果 y 属性是百分比值,则属性值相对于用户坐标系中滤镜区域的高度。默认值为 0

一个 SVGAnimatedLength 对象。

示例

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

规范

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

浏览器兼容性

另见