1. Productos
  2.   Imagen
  3.   JavaScript
  4.   SmartCrop.js
 
  

Biblioteca JavaScript de código abierto para el procesamiento de imágenes

API de código abierto para recortar imágenes de forma inteligente

¿Qué es SmartCrop.js?

SmartCrop.js es una API gratuita y de código abierto que permite a los desarrolladores de JavaScript recortar imágenes automáticamente. La API es consciente del contenido y utiliza un conjunto de algoritmos para recortar imágenes. La API encuentra bordes usando el Laplace, encuentra caras al encontrar regiones con color como la piel, encuentra regiones con alta saturación y procesa la imagen. Después de encontrar una región específica, la API impulsa esa región y genera un conjunto de cultivos candidatos.

Mientras recorta la imagen, puede usar HTMLImageElement, HTMLCanvasElement o HTMLVideoElement y establecer opciones de recorte de imagen, incluidas minScale, ancho, alto, impulso y ruleOfThirds.

Previous Next

Primeros pasos con SmartCrop.js

La forma recomendada de instalar SmartCrop.js a través de NPM. Utilice el siguiente comando para instalarlo.

Instale SmartCrop.js a través de NPM

 npm install smartcrop 

Recorte inteligente de imágenes a través de la API de JavaScript gratuita

La biblioteca SmartCrop.js de código abierto permite a los desarrolladores de JavaScript recortar imágenes de forma inteligente mediante programación. Basado en el algoritmo API, la API encuentra áreas de alta saturación, encuentra color con tonos de piel, encuentra bordes y proporciona una suposición inteligente para recortar la imagen. Para recortar de forma inteligente la imagen, la API proporciona el método smartcrop.crop(image, options). El método obtiene opciones de imagen e imagen para el recorte. Al usar la siguiente línea de código, puede obtener fácilmente un recorte inteligente para su imagen

Imagen de recorte inteligente en JavaScript

  1. Importar biblioteca
  2. Delimitar imagen

Recortar imagen en JavaScript

smartcrop.crop(image, { width: 100, height: 100 }).then(function(result) {
console.log(result);
});
            
 Español