Node Jimp | Color mix
The mix modifier is an inbuilt color modifier in Nodejs | Jimp which mixes colors by their RGB component values and the amount is the opacity of the 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 colors to apply.
Input Images:
Example 1: In this example, we will see how to mix colors.
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.w3wiki.net/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)
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.w3wiki.net/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