Open In App

Node Jimp | Blit

Improve
Improve
Like Article
Like
Save
Share
Report

Introduction
The blit() function is an inbuilt function in Nodejs. It is used to combine two bitmap patterns. | Jimp which combines several bitmaps into one using a boolean function.

Parameters:

  • src – This parameter stores the source of the image to blit.
  • x – This parameter takes x position to blit the image.
  • y – This parameter takes y position to blit the image.
  • srcx (optional) – This parameter takes the x position from which to crop the source image.
  • srcy (optional) – This parameter takes the y position from which to crop the source image.
  • srcw (optional) – This parameter takes the width to which to crop the source image.
  • srch (optional) – This parameter takes the height to which to crop the source image.
  • 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 image1 = await Jimp.read('../gfg.png');
      const image2 = await Jimp.read('../gfg1.png');
      
      // call to blit function 
      image1.blit(image2, 20, 40)
      
      // write image
      .write('blit1.png');
      console.log('Image Processing Completed');
    }
    main();

    
    

    Output:

    Example 2:




    // 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 image1 = await Jimp.read('../gfg.png');
      const image2 = await Jimp.read('../gfg1.png');
      
      // call to blit function along with optional parameters
      image1.blit(image2, 20, 40, 130, 30, 440, 80);
      
      // write image
      .write('blit2.png');
      console.log('Image Processing Completed');
    }
    main();

    
    

    Output:

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



    Last Updated : 23 Apr, 2019
    Like Article
    Save Article
    Previous
    Next
    Share your thoughts in the comments
Similar Reads