VOOZH about

URL: https://www.geeksforgeeks.org/html/svg-fefuncb-element/

⇱ SVG <feFuncB> Element - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

SVG <feFuncB> Element

Last Updated : 23 Jul, 2025

SVG stands for Scalable Vector Graphic. It can be used to make graphics and animations like in HTML canvas. SVG has been developed by the World Wide Web Consortium (W3C) since 1999.

SVG <feFunB> element: These elements are typically children of the feComponentTransfer element and specify the transfer functions of the blue component of the input graphic of its parent <feComponentTransfer> element.

Syntax:

<feComponentTransfer> 
 <feFuncB type="" tableValues=""/>
</feComponentTransfer>

Attributes: It does not have any specified attribute but it accepts Global attributes.

Example 1: The following code demonstrates the <feFuncB> element with type "table".

Output:

👁 Image
 

Example 2: The following code demonstrates the <feFuncB> element with the type "gamma".

Output:

👁 Image
 

Example 3: The following code demonstrates the <feFuncG> element with the type "discrete" and attributes like "amplitude","exponent","offset" are set with values.

Output:

👁 Image
 
Comment
Article Tags: