Nossos voluntários ainda não traduziram este artigo para o Português (do Brasil) . Junte-se a nós e ajude a fazer o trabalho!

This filter primitive performs the combination of two input images pixel-wise in image space using one of the Porter-Duff compositing operations: over, in, atop, out, xor and lighter. Additionally, a component-wise arithmetic operation (with the result clamped between [0..1]) can be applied.

The arithmetic operation is useful for combining the output from the <feDiffuseLighting> and <feSpecularLighting> filters with texture data. If the arithmetic operation is chosen, each result pixel is computed using the following formula:

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


  • i1 and i2 indicate the corresponding pixel channel values of the input image, which map to in and in2 respectively
  • k1, k2, k3 and k4 indicate the values of the attributes with the same name

Usage context

CategoriesFilter primitive element
Permitted contentAny number of the following elements, in any order:
<animate>, <set>


Global attributes

Specific attributes

DOM Interface

This element implements the SVGFECompositeElement interface.


Specification Status Comment
Filter Effects Module Level 1
The definition of '<feComposite>' in that specification.
Working Draft Added lighter value for operator attribute.
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of '<feComposite>' in that specification.
Recommendation Initial definition

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support ? ? ? ? ? ?
lighter for operator ? ? ? ? ? ?
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? ? ? ? ?
lighter for operator ? ? ? ? ?

See also

Etiquetas do documento e colaboradores

 Colaboradores desta página: Sebastianz, kscarfone, Jeremie, Manuel_Strehl
 Última atualização por: Sebastianz,