Home :: Tutorials :: SVG :: Filters

This example shows the feColorMatrix filter being applied to an image.

Click the circles to increase/decrease the offset/scale of input values.

The graph shows the mapping from the input values to the output values using the current offset and scale settings.

The matrix show the values that are being passed to the feColorMatrix filter

Be sure have a look at Michel Hirtzler's excellent filter examples.