Description Available Attribute Values Used by the Elements
Governs the behaviour of the composite operation.
The value can be any one of the following:
Specifies to apply the over operator (aka Painters algorithm) Used to display both in1 and in2 but places in1 over in2. (aka. Painters algorithm)
Specifies to apply the Porter/Duff in operator. Used to display only the portion of in1 intersecting in2 without displaying any portion of in2.
Specifies to apply the Porter/Duff out operator, Used to display only the portion of in1 outside in2 and without displaying any portion of in2.
Specifies to apply the Porter/Duff atop operator. Used to display the portion of in1 inside in2, and the portion of in2 outside in1.
Specifies to apply the Porter/Duff xor operator. Used to display those portions in1 and in2 that do not intersect.
Specifies the arithmetic operator, which is linear in in1, in2 and in1 \times in2.
@section Composite Operator Details: The following defines each composite operator. In particular, how the resulting output alpha channel (α_{out}) and the resulting color channels \C_{out}) are computed from the input channels of in1 and in2.
over operator
α_{out} = α_{in1} + α_{in2} (1-α_{in1})
α_{out} \times C_{out} = α_{in1} C_{in1} + α_{in2} (1-α_{in1}) C_{in2}
in operator
α_{out} = α_{in1} α_{in2}
α_{out} \times C_{out} = α_{in1} α_{in2} C_{in1}
out operator
α_{out} = α_{in1} (1- α_{in2}) )
α_{out} \times C_{out} = α_{in1} (1- α_{in2}) C_{in1}
atop operator
α_{out} = α_{in1} α_{in2} + (1-α_{in1}) α_{in2}
α_{out} \times C_{out} = α_{in1} α_{in2} C_{in1} + α_{in2} (1-α_{in1}) C_{in2}
xor operator
α_{out} = α_{in1} ( 1- α_{in2}) + (1-α_{in1}) α_{in2}
α_{out} \times C_{out} = α_{in1}( 1- α_{in2}) C_{in1} + α_{in2} (1-α_{in1}) C_{in2}
arithemetic operator
α_{out} = max(0,min(1,k1 α_{in1} α_{in2} + k2 α_{in1}+ k3 α_{in2} +k4))
C_{out}= k1 C_{in1} C_{in2} + k2 C_{in1} + k3 C_{in2} + k4
#'
feComposite
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.