CODEWITHSUNDEEP
svgvector-graphicssvg-filters
Aarkan
Aarkan

Reputation: 4109

Blending mode in SVG

I am stuck with a problem in SVG blending mode. I have four paths in SVG and I want to composite them with formula: (1*2) + (3*4), i.e. Path 1 and Path 2 should be blended using multiply mode, similarly path 3 and path 4 should be blended using multiply and then they should be combined together using screen blending mode to produce the final image. Any help/reference will be much appreciated.

Upvotes: 3

Views: 2467

Answers (1)

Erik Dahlström
Erik Dahlström

Reputation: 60976

The only way to do this right now is by using SVG filters. There are the feBlend and feComposite filter primitives that let you do this.

There's a specification for SVG Compositing, but that's in its early stages, and not yet implemented.

Upvotes: 2

Related Questions