1. Prodotti
  2.   Immagine
  3.   JavaScript
  4.   SmartCrop.js
 
  

Libreria JavaScript open source per l'elaborazione delle immagini

API Open Source per ritagliare le immagini in modo intelligente

Che cos'è SmartCrop.js?

SmartCrop.js è un'API gratuita e open source che consente agli sviluppatori JavaScript di ritagliare automaticamente le immagini. L'API è consapevole del contenuto e utilizza una serie di algoritmi per ritagliare le immagini. L'API trova i bordi utilizzando Laplace, trova i volti trovando le regioni con colori simili alla pelle, trova le regioni con alta saturazione ed elabora l'immagine. Dopo aver trovato una regione specifica, l'API potenzia quella regione e genera una serie di colture candidate.

Durante il ritaglio dell'immagine, puoi utilizzare HTMLImageElement, HTMLCanvasElement o HTMLVideoElement e impostare le opzioni di ritaglio dell'immagine tra cui minScale, width, height, boost e ruleOfThirds.

Previous Next

Introduzione a SmartCrop.js

Il modo consigliato per installare SmartCrop.js tramite NPM. Si prega di utilizzare il seguente comando per installarlo.

Installa SmartCrop.js tramite NPM

 npm install smartcrop 

Immagini di ritaglio intelligenti tramite l'API JavaScript gratuita

La libreria open source SmartCrop.js consente agli sviluppatori JavaScript di ritagliare le immagini in modo intelligente in modo programmatico. Basato sull'algoritmo API, l'API trova le aree ad alta saturazione, trova il colore con le tonalità della pelle, trova i bordi e fornisce un'ipotesi intelligente per ritagliare l'immagine. Per ritagliare in modo intelligente l'immagine, l'API fornisce il metodo smartcrop.crop(image, options). Il metodo ottiene l'immagine e le opzioni dell'immagine per il ritaglio. Utilizzando la seguente riga di codice, puoi facilmente ottenere un ritaglio intelligente per la tua immagine

Immagine di ritaglio intelligente in JavaScript

  1. Importa libreria
  2. Ritaglia l'immagine

Ritaglia immagine in JavaScript

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