Thursday, March 15, 2018

Svg feBlend

The svg efBlend filter offers to pixelate two images concurrently
according to different modes, which are mathematical operations
on the color numbers. The W3C specs look like this:

Mozilla has code to test a logo on a background. This is the result:

Normal:
Multiply:

Screen:
Darken:
Lighten:
Things look a bit different if one changes the background color.Below, lighten on red:
Multiply on blue:

No comments: