1. Προϊόντα
  2.   Εικόνα
  3.   JavaScript
  4.   SmartCrop.js
 
  

Βιβλιοθήκη JavaScript ανοιχτού κώδικα για επεξεργασία εικόνας

API ανοιχτού κώδικα για έξυπνη περικοπή εικόνων

Τι είναι το SmartCrop.js;

Το SmartCrop.js είναι ένα δωρεάν και ανοιχτού κώδικα API που επιτρέπει στους προγραμματιστές JavaScript να περικόπτουν εικόνες αυτόματα. Το API έχει επίγνωση περιεχομένου και χρησιμοποιεί ένα σύνολο αλγορίθμων για την περικοπή εικόνων. Το API βρίσκει άκρες χρησιμοποιώντας το Laplace, βρίσκει πρόσωπα βρίσκοντας περιοχές με χρώμα όπως το δέρμα, βρίσκει περιοχές με υψηλό κορεσμό και επεξεργάζεται την εικόνα. Μετά την εύρεση μιας συγκεκριμένης περιοχής, το API ενισχύει αυτήν την περιοχή και δημιουργεί ένα σύνολο υποψήφιων καλλιεργειών.

Κατά την περικοπή της εικόνας, μπορείτε να χρησιμοποιήσετε τα HTMLImageElement, HTMLCanvasElement ή HTMLVideoElement και να ορίσετε επιλογές περικοπής εικόνας, όπως minScale, πλάτος, ύψος, ενίσχυση και ruleOfThirds.

Previous Next

Ξεκινώντας με το SmartCrop.js

Ο προτεινόμενος τρόπος εγκατάστασης του SmartCrop.js μέσω NPM. Χρησιμοποιήστε την παρακάτω εντολή για να το εγκαταστήσετε.

Εγκαταστήστε το SmartCrop.js μέσω NPM

 npm install smartcrop

Έξυπνη περικοπή εικόνων μέσω δωρεάν JavaScript API

Η βιβλιοθήκη ανοιχτού κώδικα SmartCrop.js επιτρέπει στους προγραμματιστές JavaScript να κάνουν έξυπνη περικοπή εικόνων μέσω προγραμματισμού. Με βάση τον αλγόριθμο API, το API βρίσκει περιοχές υψηλού κορεσμού, βρίσκει χρώμα με τόνους δέρματος, βρίσκει άκρες και παρέχει μια έξυπνη εικασία για την περικοπή της εικόνας. Για την έξυπνη περικοπή της εικόνας, το API παρέχει τη μέθοδο smartcrop.crop(εικόνα, επιλογές). Η μέθοδος λαμβάνει επιλογές εικόνας και εικόνας για την περικοπή. Χρησιμοποιώντας την ακόλουθη μία γραμμή κώδικα, μπορείτε εύκολα να πάρετε μια έξυπνη περικοπή για την εικόνα σας

Έξυπνη περικοπή εικόνας σε JavaScript

  1. Εισαγωγή βιβλιοθήκης
  2. Κόψε την εικονα

Περικοπή εικόνας σε JavaScript

smartcrop.crop(image, { width: 100, height: 100 }).then(function(result) {
console.log(result);
});
 Ελληνικά