Skip to main content

Retoques de imágenes

OpenCV.js

OpenCV.js es una versión de la popular biblioteca OpenCV para C++ y Python, optimizada para su uso en JavaScript. OpenCV es ampliamente conocida por sus capacidades en visión por computadora, permitiendo una manipulación y análisis de imágenes potente y flexible.

Funciones Principales de OpenCV.js

FunciónDescripción
Transformaciones Geométricas
resizeCambia el tamaño de la imagen.
warpAffineAplica una transformación afín a la imagen.
warpPerspectiveAplica una transformación de perspectiva a la imagen.
Operaciones con Píxeles
thresholdAplica un umbral a la imagen para segmentación.
adaptiveThresholdAplica un umbral adaptativo a la imagen.
cvtColorConvierte la imagen de un espacio de color a otro (por ejemplo, de BGR a Grayscale).
Filtros de Imagen
GaussianBlurAplica un desenfoque gaussiano a la imagen.
medianBlurAplica un desenfoque mediano a la imagen.
bilateralFilterAplica un filtro bilateral a la imagen para suavizado.

Ejemplos

Puedes encontrar ejemplos prácticos de cómo utilizar OpenCV.js para diversas tareas de procesamiento de imágenes, desde operaciones básicas hasta complejos algoritmos de visión por computadora.

CamanJS

El objetivo principal de CamanJS es la manipulación de imágenes utilizando el lienzo HTML5 y Javascript. Es una combinación de una interfaz fácil de usar con técnicas avanzadas y eficientes de edición de imágenes/lienzos. También es completamente independiente de la biblioteca y se puede utilizar de forma segura junto con jQuery, YUI, Scriptaculous, MooTools, etc.

Un ejemplo usando Javascript vainilla.

Jimp

Jimp es una biblioteca de JavaScript para la manipulación de imágenes. Es especialmente útil para redimensionar, recortar, componer, rotar, y ajustar colores en imágenes. Jimp se puede utilizar tanto en Node.js como en navegadores.

FunciónDescripción
Resize
containEscala la imagen a las dimensiones dadas, algunas partes pueden ser enmarcadas.
coverEscala la imagen a las dimensiones dadas, algunas partes pueden ser recortadas.
resizeRedimensiona la imagen, puede ser pasado como uno de los valores.
scaleEscala la imagen.
scaleToFitEscala la imagen al tamaño más grande que cabe dentro de las dimensiones dadas.
Crop
autocropRecorta automáticamente bordes de color uniforme (si los hay)
cropRecorta a la región dada.
Composing
blitSuperpone la imagen con otra imagen Jimp en x, y, opcionalmente recortada.
compositeCompuesta otra imagen Jimp sobre esta imagen en x, y.
maskEnmascara la imagen con otra imagen Jimp en x, y usando el valor promedio de los píxeles.
Colour
brightnessAjusta el brillo por un valor de -1 a +1.
contrastAjusta el contraste por un valor de -1 a +1.
greyscaleElimina el color de la imagen.
invertInvierte los colores de la imagen.
normalizeNormaliza los canales en una imagen.