SVGFEBlendElement: y 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

ySVGFEBlendElement 介面的一個只讀屬性,它以 SVGAnimatedLength 的形式描述 SVG 濾鏡圖元位置的垂直座標。

它反映了 <feBlend> 元素的 y 濾鏡圖元屬性值。<feBlend> SVG 濾鏡使用常用的影像軟體 混合模式 將兩個輸入影像混合在一起。

該屬性是一個 <length><percentage><coordinate> 是使用者座標系中的一個長度,表示從使用者座標系原點沿 y 軸給定距離。如果 y 屬性是百分比值,則屬性值相對於使用者座標系單位中濾鏡區域的高度。預設值是 0

一個 SVGAnimatedLength 物件。

示例

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

規範

規範
濾鏡效果模組第 1 級
# dom-svgfilterprimitivestandardattributes-y

瀏覽器相容性

另見