SVGFEBlendElement: x 屬性
SVGFEBlendElement 介面的只讀屬性 x,描述了 SVG 濾鏡圖元的水平座標,其型別為 SVGAnimatedLength。
它反映了 <feBlend> 元素的 x 濾鏡圖元屬性值。<feBlend> SVG 濾鏡使用常用的成像軟體 混合模式將兩個輸入影像混合在一起。
該屬性是一個 <length> 或 <percentage>。<coordinate> 是使用者座標系統中的一個長度,距離使用者座標系統的原點在 x 軸上的距離。如果 x 屬性是百分比值,則屬性值相對於使用者座標系統單位的濾鏡區域寬度。預設值為 0。
值
一個 SVGAnimatedLength 物件。
示例
js
const feBlend = document.querySelector("feBlend");
const leftPosition = feBlend.x;
console.log(leftPosition.baseVal.value); // the `x` value
規範
| 規範 |
|---|
| 濾鏡效果模組第 1 級 # dom-svgfilterprimitivestandardattributes-x |
瀏覽器相容性
載入中…
另見
SVGFEBlendElement.y- CSS
<blend-mode>資料型別 - CSS
mix-blend-mode屬性