feComposite - SVG 编辑

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

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

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

在这里：

• i1和i2标示了输入图像相应的像素通道值，分别映射到in和in2。
• k1、k2、k3和k4标示了同名的属性值。

用法

示例

属性

全局属性

• 核心属性 »
• 外观属性 »
• 滤镜属性 »
• class
• style

专有属性

• in
• in2
• operator
• k1
• k2
• k3
• k4

DOM 接口

该元素实现了SVGFECompositeElement接口。

参见

• <filter>
• <animate>
• <set>
• <feBlend>
• <feColorMatrix>
• <feComponentTransfer>
• <feConvolveMatrix>
• <feDiffuseLighting>
• <feDisplacementMap>
• <feFlood>
• <feGaussianBlur>
• <feImage>
• <feMerge>
• <feMorphology>
• <feOffset>
• <feSpecularLighting>
• <feTile>
• <feTurbulence>
• SVG教程：滤镜效果