<feComposite> Playground
Porter-Duff compositing operations. Combine two images using set-like operations (in, out, atop, xor) or arithmetic blending with four constants.
Preview
Parameters
"over" - layer on top (default)
"in" - keep only where both overlap
"out" - keep only where source has no overlap
"atop" - clip source to shape of in2
"xor" - show non-overlapping parts only
"arithmetic" - custom formula with k1-k4
"in" - keep only where both overlap
"out" - keep only where source has no overlap
"atop" - clip source to shape of in2
"xor" - show non-overlapping parts only
"arithmetic" - custom formula with k1-k4
Colour for the second layer (in2) used in compositing.
Transparency of the second layer.
Generated Code