Node Jimp | Color mix

Last Updated : 23 Apr, 2019

Introduction
The mix modifier is an inbuilt color modifier in Nodejs | Jimp which mixes colors by their RGB component values and amount is opacity of overlaying color.
Syntax:

image.color([
  { apply: 'mix', params: [color : value] }
]);

Parameter:

color – This parameter stores the color to apply.
value – This parameter stores the amount of mix of color to apply.

Input Images:

Example 1:

// npm install --save jimp 
// import jimp library to the environment 
var 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'); 
// color function having hue modifier 
  image.color([{apply:'mix', params: ['blue', 60]}]) 
  .write('mix1.png'); 
}  
  
main(); 
  console.log("Image Processing Completed"); 

Output:

Example 2: cb (optional parameters)

// npm install --save jimp 
// import jimp library to the environment 
var 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'); 
// color function having hue modifier 
  image.color([{apply:'mix', params: ['green', 50]}], function(err){ 
    if (err) throw err; 
  }) 
  .write('mix2.png'); 
} 
  
main(); 
  console.log("Image Processing Completed"); 

Output:

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

My Personal Notes

Related Articles