SVGFEBlendElement: result 屬性

Baseline 已廣泛支援

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

resultSVGFEBlendElement 介面的一個只讀屬性,它將 SVG 濾鏡圖元的已分配名稱描述為一個 SVGAnimatedString

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

屬性值是一個 <custom-ident>。如果提供了此屬性,那麼處理此濾鏡圖元產生的圖形可以透過同一 <filter> 元素內後續濾鏡圖元上的 in 屬性進行引用。

如果沒有定義 result 屬性,濾鏡的 result.baseValresult.animVal 將為空字串,並且 <feBlend> 濾鏡的輸出將只能作為下一個濾鏡圖元的隱式輸入進行重用,前提是該濾鏡圖元為其 in 屬性提供了空值。

一個 SVGAnimatedString

示例

js
const feBlendElement = document.querySelector("feBlend");
const filterName = feBlendElement.result;
console.log(filterName.baseVal); // the filter's assigned name

規範

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

瀏覽器相容性

另見