extracting RGBA values of an Image

Pavan-Rajesh — Sun, 30 Apr 2023 11:13:30 +0000

Here we will be using jimp which is a image processing library
and fs module in Node to extract and write the values to a text file

requiring the modules needed to extract and for storing the values
const fs = require("fs"); const { Buffer } = require("buffer"); const jimp = require("jimp");

you can install jimp as follows

npm install jimp

after you will need to read the image which you want to extract the rgba values

here my image is named with kick.jpeg "Kick Buttowski a good cartoon right lets continue"

jimp.read("kick.jpeg").then((image) => {
  myarray = [];
  for (let i = 0; i < image.bitmap.height; i++) {
    for (let j = 0; j < image.bitmap.width; j++) {
      myarray.push([jimp.intToRGBA(image.getPixelColour(i, j))]);
    }
  }

lets dive into the code
jimp.read returns a promise after you can apply many methods

here we will be iterating through each and every pixel and calculate rgba using intToRGBA the we will be pushing it to the array

fs.createWriteStream("rgbavalues.txt").write(JSON.stringify(myarray));

after we will be writing the values into file called rgbvalues.txt
here is the whole code for you here we will be using streams because the file content may be large

const fs = require("fs");
const { Buffer } = require("buffer");
const jimp = require("jimp");
jimp.read("kick.jpeg").then((image) => {
  myarray = [];
  for (let i = 0; i < image.bitmap.height; i++) {
    for (let j = 0; j < image.bitmap.width; j++) {
      myarray.push([jimp.intToRGBA(image.getPixelColour(i, j))]);
    }
  }

  fs.createWriteStream("rgbavalues.txt").write(JSON.stringify(myarray));
});

Thanks that all for today
Here is the pup for you

MongoDB Atlas Hackathon 2022 on DEV

Pavan-Rajesh — Tue, 06 Dec 2022 13:04:19 +0000

What I built

simple grocery store

Category Submission:

online shop

App Link

Screenshots

Description

It's a simple app which takes the available items from the database.It is also having user registration and user login pages in which the user details will be stored in database.

All these things are done (storing user details and available items are done using mongodb atlas)

hope you like it
with love ---
pavan rajesh

Link to Source Code

Source Code

Permissive License

MIT

Background

Basically our academics has a task to be done that is
-- we have to build a project using mysql so I thought of doing this with mongodb and I learned lot of things while building this project

How I built it

This was built using node JS,express JS framework,Ejs,Bootstrap,Mongoose

Additional Resources/Info

steps need to be done to use

login into the page
add the items which are specified in the list
at last bill will be auto generated

DEV Community: Pavan-Rajesh