Operaciones complejas de procesamiento de imágenes a través de la API de JavaScript
Biblioteca JavaScript de código abierto para realizar tareas avanzadas de creación y manipulación de imágenes, como cambiar el tamaño de una imagen, combinar una imagen con otra, desenfocar una imagen, escalar una imagen y muchas más.
Jimp: el programa de manipulación de imágenes de Javascript es una biblioteca Node.js de código abierto que brinda a los desarrolladores de software la capacidad de realizar operaciones complejas de procesamiento de imágenes dentro de sus propias aplicaciones de JavaScript. Está escrito completamente en JavaScript para Node, sin dependencias externas o nativas.
La biblioteca es muy útil para desarrollar cualquier tipo de aplicación avanzada de procesamiento de imágenes y es totalmente gratuita, por lo que brinda a los desarrolladores una solución rentable y fácil de usar. La biblioteca incluye varias funciones avanzadas relacionadas con la creación y manipulación de imágenes, como cambiar el tamaño de la imagen, mejorar la calidad de las imágenes, bombardear una imagen con otra, desenfocar una imagen, escalar una imagen, aplicar el efecto de interpolación a una imagen, voltear una imagen, invertir el colores de una imagen, girar una imagen, imprimir texto en una imagen y mucho más.
La biblioteca incluye soporte para varios formatos de imagen avanzados como BMP, GIF, JPEG, PNG, TIFF y muchos más. También hay algunos complementos adicionales disponibles que se pueden usar para algunas funciones adicionales, como el complemento de círculo que se puede usar para crear un círculo a partir de una imagen y el complemento de sombra que crea una sombra en la imagen. Hay un complemento de efecto de ojo de pez y un complemento de umbral disponibles.
Primeros pasos con Jimp
Puede instalar la biblioteca Jimp emitiendo un comando simple en Node. Utilice el siguiente comando.
Instalar Jimp a través de NPM
npm install jimp Cambiar el tamaño de las imágenes usando la biblioteca de JavaScript
La biblioteca Jimp de código abierto ha incluido la funcionalidad para cambiar el tamaño de las imágenes dentro de sus propias aplicaciones de JavaScript. En primer lugar, debe proporcionar una imagen y una ruta completa a ella. Después de eso, puede proporcionar la altura o el ancho y la biblioteca Jimp escalará la imagen en consecuencia. Una vez satisfecho, puede guardar la imagen en el lugar que desee. También puede escalar fácilmente la imagen proporcionando ancho y alto personalizados manteniendo la relación de aspecto.
Reducir imágenes a través de 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();
Voltear, escalar o rotar imágenes a través de JavaScript
La biblioteca Jimp de código abierto también ha proporcionado funcionalidad para varias características importantes relacionadas con la manipulación de imágenes. Permite al desarrollador voltear y escalar imágenes con solo un par de líneas de código JavaScript. La función de volteo volteará la imagen horizontal o verticalmente. La configuración predeterminada es voltear la imagen horizontalmente. La función de rotación rotará la imagen en el sentido de las agujas del reloj y las dimensiones de la imagen seguirán siendo las mismas.
Imágenes en rotación vía JavaScript API
import jimp from 'jimp';
async function main() {
const image = await jimp.read('test/image.png');
image.rotate(90);
}
main();
Aplicar Gaussian & Color Mix en la imagen
Un desenfoque gaussiano es un efecto ampliamente utilizado en el software de gráficos, generalmente para reducir el ruido de la imagen y reducir los detalles. La biblioteca Jimp de código abierto permite a los programadores de software aplicar un verdadero desenfoque gaussiano a la imagen dentro de su propia aplicación. Tenga en cuenta que su procesamiento es relativamente lento en comparación con otras funciones de la biblioteca. La biblioteca también es compatible con la función de mezcla de colores y mezcla colores por sus valores de componente RGB y la cantidad es la opacidad del color superpuesto.
Aplicar ruso a la imagen dentro de JavaScript aplicaciones
import jimp from 'jimp';
async function main() {
const image = await jimp.read('test/image.png');
image.gaussian(15);
}
main();
