feComposite

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

该滤镜执行两个输入图像的智能像素组合,在图像空间中使用以下 Porter-Duff 合成操作之一:over、in、atop、xor。另外,还可以应用一个智能组件arithmetic 操作(结果被压到 [0,1] 范围内)。

该 arithmetic 操作对组合来自<feDiffuseLighting>滤镜和来自<feSpecularLighting> 滤镜的输出以及组合纹理数据很有用。如果选择了arithmetic操作,每个结果像素都要经过下面的方程式的计算:

result = k1*i1*i2 + k2*i1 + k3*i2 + k4

在这里:

  • i1i2 标`示了输入图像相应的像素通道值,分别映射到inin2
  • k1k2k3k4 标示了同名的属性值。

使用上下文

类别滤镜元素
允许的内容任意数量、任意顺序的下列元素:
<animate><set>

示例

属性

全局属性

专有属性

DOM 接口

该元素实现了 SVGFECompositeElement 接口。

参见