Home :: Tutorials :: SVG :: Filters

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

Click the circles to increase/decrease the intercept/slope of input values.

The graph shows the mapping from the input values to the output values using the current intercept and slope settings.

Using negative slope values creates a negative version of the image. Be sure to increase your intercept when doing this.

Be sure to look at Michel Hirtzler's filter examples and Peter Schonefeld's feComponentTransfer example.