Node Jimp | fade

The fade() function is an inbuilt function in Nodejs | Jimp that fades each pixel by a factor between 0 and 1. 

Syntax:

fade(f, cb)

Parameter:

• f: This parameter stores the value by which the image is made transparent. It has a range of 0 to 1. 1 will turn the image completely transparent.
• cb: This is an optional parameter that is invoked when compilation is complete.

Input Images:

Step 1: Setting up the environment 

npm init -y

Step 2: Install jimp

npm install jimp --save

Example 1:

javascript

// npm install --save jimp
// import jimp library to the environment
const Jimp = require('jimp');

// User-Defined Function to read the images
async function main() {
    const image = await Jimp.read
('https://media.geeksforgeeks.org/wp-content/uploads/20190328185307/gfg28.png');
    // fade function
    image.fade(.5)
        .write('fade1.png');
}

main();
console.log("Image Processing Completed");

Output:

Example 2: With f and cb (optional parameters)

javascript

// npm install --save jimp
// import jimp library to the environment
const Jimp = require('jimp');

// User-Defined Function to read the images
async function main() {
    const image = await Jimp.read
('https://media.geeksforgeeks.org/wp-content/uploads/20190328185333/gfg111.png');
    // fade function using callback function
    image.fade(0.8, function (err) {
        if (err) throw err;
    })
        .write('fade2.png');
}

main();
console.log("Image Processing Completed");

Output:

Reference: https://www.npmjs.com/package/jimp