SVGFEBlendElement: y 屬性
y 是 SVGFEBlendElement 介面的一個只讀屬性,它以 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 |
瀏覽器相容性
載入中…
另見
SVGFEBlendElement.x- CSS
<blend-mode>資料型別 - CSS
mix-blend-mode屬性