Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

feComposite

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

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

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

在这里:

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

用法

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

示例

属性

全局属性

专有属性

DOM 接口

该元素实现了SVGFECompositeElement接口。

参见

文档标签和贡献者

 此页面的贡献者: Sebastianz, fanxiaojie
 最后编辑者: Sebastianz,