Operazioni complesse di elaborazione delle immagini tramite l'API JavaScript 

Libreria JavaScript open source per eseguire attività avanzate di creazione e manipolazione di immagini come il ridimensionamento delle immagini, il trasferimento di un'immagine su un'altra, la sfocatura di un'immagine, il ridimensionamento di un'immagine e molti altri. 

Il programma di manipolazione delle immagini di Jimp - Javascript è una libreria Node.js open source che offre agli sviluppatori di software la possibilità di eseguire complesse operazioni di elaborazione delle immagini all'interno delle proprie app JavaScript. È scritto interamente in JavaScript per Node, senza dipendenze esterne o native.

La libreria è molto utile per lo sviluppo di qualsiasi tipo di applicazione avanzata di elaborazione delle immagini ed è totalmente gratuita, quindi offre agli sviluppatori una soluzione conveniente con facilità d'uso. La libreria include diverse funzionalità avanzate relative alla creazione e manipolazione dell'immagine come il ridimensionamento dell'immagine, la qualità migliorata delle immagini, il blitz di un'immagine su un'altra, la sfocatura di un'immagine, il ridimensionamento di un'immagine, l'applicazione dell'effetto dithering a un'immagine, il capovolgimento di un'immagine, l'inversione del colori di un'immagine, ruotare un'immagine, stampare testo su un'immagine e molti altri.

La libreria include il supporto per diversi formati di immagine avanzati come BMP, GIF, JPEG, PNG, TIFF e molti altri. Sono disponibili anche alcuni plug-in aggiuntivi che possono essere utilizzati per alcune funzionalità extra come il plug-in circle che può essere utilizzato per creare un cerchio da un'immagine e il plug-in ombra che crea un'ombra sull'immagine. Sono disponibili plug-in effetto fisheye e plug-in soglia.

Previous Next

Iniziare con Jimp

Puoi installare la libreria Jimp emettendo un semplice comando in Node. Usa il seguente comando. 

Installa Jimp tramite NPM

npm install jimp 

Ridimensiona le immagini utilizzando la libreria JavaScript

La libreria open source Jimp ha incluso funzionalità per il ridimensionamento delle immagini all'interno delle proprie applicazioni JavaScript. In primo luogo è necessario fornire un'immagine e un percorso completo per essa. Dopodiché puoi fornire l'altezza o la larghezza e la libreria Jimp ridimensionerà l'immagine di conseguenza. Una volta soddisfatto, puoi salvare l'immagine nel luogo che preferisci. Puoi anche ridimensionare facilmente l'immagine fornendo larghezza e altezza personalizzate mantenendo le proporzioni.

Ridimensionare le immagini via 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();

Capovolgi, ridimensiona o ruota le immagini tramite JavaScript

La libreria Jimp open source ha anche fornito funzionalità per diverse importanti funzionalità relative alla manipolazione delle immagini. Consente allo sviluppatore di capovolgere e ridimensionare le immagini con solo un paio di righe di codice JavaScript. La funzione capovolgerà l'immagine orizzontalmente o verticalmente. Le impostazioni predefinite prevedono di capovolgere l'immagine orizzontalmente. La funzione di rotazione ruoterà l'immagine in senso orario e le dimensioni dell'immagine rimarranno le stesse.

Ruotare le immagini tramite JavaScript API

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

Applicare gaussiana e mix di colori sull'immagine

Una sfocatura gaussiana è un effetto ampiamente utilizzato nei software grafici, in genere per ridurre il rumore dell'immagine e ridurre i dettagli. La libreria Jimp open source consente ai programmatori di software di applicare una vera sfocatura gaussiana all'immagine all'interno della propria applicazione. Si noti che la sua elaborazione è relativamente lenta rispetto ad altre funzioni di libreria. La libreria supporta anche la funzione di miscelazione dei colori e mescola i colori in base ai valori dei componenti RGB e la quantità è l'opacità del colore sovrapposto.

Applicare il russo all'immagine all'interno di JavaScript App

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