SVGFECompositeElement: result 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

SVGFECompositeElement 接口的只读属性 result 描述了 SVG 滤镜原语的指定名称,类型为 SVGAnimatedString

它反映了 <feComposite> 元素的 result 属性。<feComposite> SVG 滤镜原语使用 Porter-Duff 合成操作组合两个输入图像。属性值是一个 <custom-ident>。如果提供了该属性,则处理此滤镜原语产生的图形可以通过同一 <filter> 元素中后续滤镜原语的 in 属性进行引用。

如果没有定义 result 属性,则滤镜的 result.baseValresult.animVal 为空字符串,并且 <feComposite> 滤镜的输出仅在下一个滤镜原语未为其 in 属性提供任何值时,才能作为隐式输入进行重用。

一个 SVGAnimatedString

示例

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

规范

规范
滤镜效果模块第 1 级
# dom-svgfilterprimitivestandardattributes-result

浏览器兼容性

另见