1. Produse
  2.   Imagine
  3.   JavaScript
  4.   Jimp
 
  

Operațiuni complexe de procesare a imaginilor prin API-ul JavaScript 

Bibliotecă JavaScript cu sursă deschisă pentru a efectua activități avansate de creare și manipulare a imaginilor, cum ar fi redimensionarea imaginii, transformarea unei imagini în alta, estomparea unei imagini, scalarea unei imagini și multe altele. 

Jimp – Programul de manipulare a imaginilor Javascript este o bibliotecă open source Node.js care oferă dezvoltatorilor de software capacitatea de a efectua operațiuni complexe de procesare a imaginilor în propriile aplicații JavaScript. Este scris în întregime în JavaScript pentru Node, fără dependențe externe sau native.

Biblioteca este foarte utilă pentru dezvoltarea oricărui tip de aplicație avansată de procesare a imaginii și este complet gratuită, astfel încât oferă dezvoltatorilor o soluție rentabilă și ușoară în utilizare. Biblioteca include mai multe caracteristici avansate legate de crearea și manipularea imaginilor, cum ar fi redimensionarea imaginii, calitatea îmbunătățită a imaginilor, transformarea unei imagini pe alta, estomparea unei imagini, scalarea unei imagini, aplicarea efectului de ditherare unei imagini, răsturnarea unei imagini, inversarea imaginii. culorile unei imagini, rotiți o imagine, imprimați text pe o imagine și multe altele.

Biblioteca include suport pentru mai multe formate avansate de imagine, cum ar fi BMP, GIF, JPEG, PNG, TIFF și multe altele. Există, de asemenea, câteva pluginuri suplimentare disponibile care pot fi folosite pentru anumite funcționalități suplimentare, cum ar fi plugin-ul cerc care poate fi folosit pentru a crea un cerc dintr-o imagine și plugin-ul umbră care creează o umbră pe imagine. Sunt disponibile pluginul pentru efectul ochi de pește și pluginul de prag.

Previous Next

Noțiuni introductive cu Jimp

Puteți instala biblioteca Jimp lansând o comandă simplă în Node. Utilizați următoarea comandă. 

Instalați Jimp prin NPM

npm install jimp

Redimensionați imagini folosind Biblioteca JavaScript

Biblioteca Jimp open source a inclus funcționalități pentru redimensionarea imaginilor în propriile aplicații JavaScript. În primul rând, trebuie să furnizați o imagine și o cale completă către aceasta. După aceea, puteți furniza fie înălțimea, fie lățimea, iar biblioteca Jimp va scala imaginea în consecință. Odată mulțumit, puteți salva imaginea la locul dorit. De asemenea, puteți scala cu ușurință imaginea, oferind lățime și înălțime personalizate, păstrând raportul de aspect.

Redimensionați imagini prin JavaScript

import jimp from 'jimp';
async function main() {
	// Read the image.
	const image = await jimp.read('test/image.png');
	// Resize the image to width 150 and auto height.
	await image.resize(150, jimp.AUTO);
	// Save and overwrite the image
	await image.writeAsync('test/image.png');
}
main();

Întoarceți, scalați sau rotiți imaginile prin JavaScript

Biblioteca Jimp open source a oferit, de asemenea, funcționalități pentru câteva caracteristici importante legate de manipularea imaginilor. Acesta permite dezvoltatorului să răstoarne și să scaleze imagini cu doar câteva rânduri de cod JavaScript. Funcția de răsturnare va răsturna imaginea orizontal sau vertical. Setările implicite sunt pentru a răsturna imaginea pe orizontală. Funcția de rotire va roti imaginea în sensul acelor de ceasornic, iar dimensiunile imaginii vor rămâne aceleași.

Rotiți imaginile prin API-ul JavaScript

import jimp from 'jimp';
async function main() {
  const image = await jimp.read('test/image.png');
  image.rotate(90);
}
main();

Aplicați Gaussian & Color Mix pe imagine

O estompare gaussiană este un efect utilizat pe scară largă în software-ul de grafică, de obicei pentru a reduce zgomotul imaginii și a reduce detaliile. Biblioteca Jimp open source permite programatorilor de software să aplice o adevărată estompare gaussiană imaginii din interiorul propriei aplicații. Vă rugăm să rețineți că procesarea sa este relativ lentă în comparație cu alte funcții de bibliotecă. Biblioteca acceptă, de asemenea, caracteristica de amestecare a culorilor și amestecă culorile după valorile componentelor RGB, iar cantitatea este opacitatea culorii suprapuse.

Aplicați gaussian la imagine în aplicațiile JavaScript

import jimp from 'jimp';
async function main() {
  const image = await jimp.read('test/image.png');
  image.gaussian(15);
}
main();
 Română