SVG <feComponentTransfer> Element

• SVG stands for Scalable Vector Graphic. It can be used to make graphics and animations like in HTML canvas.
• <feComponentTransfer> element implements color manipulations on each color channel separately.
• The four color channel of this element are  <feFuncR>, <feFuncG>,<feFuncB>, and <feFuncA>.
• While performing color manipulations the element should only have one child element of each type.

Syntax:

<feComponentTransfer in="">
----
</feComponentTransfer>

Attributes :

• in - It store input for the given primitive. 

Example 1:

Output :

👁 Image

Example 2:

Output :

👁 Image

Example 3 :

Output :

👁 Image