From the course: SVG: Clipping, Masking, and Filters

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

feComponentTransfer

feComponentTransfer

From the course: SVG: Clipping, Masking, and Filters

Start my 1-month free trial

feComponentTransfer

“

- [Instructor] The feComponentTransfer filter primitive is one of the most complex and powerful filter primitives. It enables the independent manipulation of each color channel in the input graphic meaning it can grab the red, green, blue and alpha channels individually and change their output using one of five color manipulations. feComponentTransfer acts on each individual pixel allowing operations like brightness adjustment, contrast adjustment, color balance and thresholding. It does this by grabbing the red, green, blue and alpha color values for each pixel and running them through filters defined by the feFuncR, feFuncG, feFuncB and feFuncA held elements where operation types and values like table and table values are specified. There are five such operation types. Identity, table, discreet, linear, and gamma. To help explain this, I've created a code example with all the five color manipulations built in and some graphs to show exactly what's going on. Let's take a look at them…

Contents