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

浏览器兼容性

另见