Opérations de traitement d'images complexes via l'API JavaScript 

Bibliothèque JavaScript Open Source pour effectuer des tâches avancées de création et de manipulation d'images telles que le redimensionnement d'image, le blitz d'une image sur une autre, le floutage d'une image, la mise à l'échelle d'une image, etc. 

Le programme de gestion de l'image Jump Javascript est une bibliothèque de sources ouvertes qui permet aux concepteurs de logiciels d'effectuer des opérations complexes de traitement de l'image dans leurs JavaScript pommes. Il est écrit entièrement en JavaScript pour Node, sans dépendances externes ou autochtones.

La bibliothèque est très utile pour développer toute forme d'application de traitement d'images perfectionnée et est totalement gratuite, ce qui permet aux développeurs de trouver une solution rentable avec facilité d'utilisation. La bibliothèque comprend plusieurs caractéristiques avancées liées à la création et à la manipulation d'images, à la qualité accrue des images, à la balisage d'une image, à la rotation d'une image.

La bibliothèque a apporté son soutien à plusieurs formats d'images perfectionnés tels que BMP GIF, JPEG, NG, TIFF et beaucoup plus. Il y a aussi des panachées supplémentaires qui peuvent être utilisées pour certaines fonctionnalités supplémentaires telles que le panier de cercle qui peut être utilisé pour créer un cercle d'image et de panier d'ombre qui crée une ombre sur l'image. Il existe une plomberie d'effet des poissons et une plomberie de seuil.

Previous Next

Premiers pas avec Jimp

Vous pouvez installer la bibliothèque Jimp en lançant une simple commande dans Node. Utilisez la commande suivante. 

Installer Jimp via NPM

npm install jimp 

Redimensionner les images à l'aide de la bibliothèque JavaScript

La bibliothèque de la source ouverte Jump a inclus la fonctionnalité pour la résidence d'images dans ses JavaScript applications. Tout d'abord, vous devez fournir une image et une voie complète. Après cela, vous pouvez fournir la hauteur ou la largeur et la bibliothèque de Jump l'emportera en conséquence. Une fois satisfait, vous pouvez sauvegarder l'image au lieu de votre choix. Vous pouvez aussi facilement écraser l'image en fournissant la largeur de la coutume et la hauteur qui maintienne le rapport d'aspect.

Restez les images par 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();

Retourner, mettre à l'échelle ou faire pivoter les images via JavaScript

La bibliothèque open source Jimp a également fourni des fonctionnalités pour plusieurs fonctionnalités importantes liées à la manipulation d'images. Il permet au développeur de retourner et de mettre à l'échelle des images avec seulement quelques lignes de code JavaScript. La fonction de retournement retournera l'image horizontalement ou verticalement. Les paramètres par défaut sont de retourner l'image horizontalement. La fonction de rotation fera pivoter l'image dans le sens des aiguilles d'une montre et les dimensions de l'image resteront les mêmes.

Images rotatiques par JavaScript API

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

Appliquer Gaussian & Color Mix sur l'image

Un flou gaussien est un effet largement utilisé dans les logiciels graphiques, généralement pour réduire le bruit de l'image et réduire les détails. La bibliothèque open source Jimp permet aux programmeurs de logiciels d'appliquer un véritable flou gaussien à l'image dans leur propre application. Veuillez noter que son traitement est relativement lent par rapport aux autres fonctions de la bibliothèque. La bibliothèque prend également en charge la fonction de mélange de couleurs et mélange les couleurs en fonction de leurs valeurs de composant RVB et la quantité correspond à l'opacité de la couleur superposée.

Appliquer le russe à l'image à l'intérieur de JavaScript Apps

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