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

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

JavaScript API για απόκτηση παλέτας χρωμάτων από εικόνες.

Τι είναι το Color Thief;

Το Color Thief είναι μια πολύ απλή, ελαφριά βιβλιοθήκη επεξεργασίας εικόνας που επιτρέπει στους προγραμματιστές λογισμικού να συλλαμβάνουν χρώμα από εικόνες χρησιμοποιώντας JavaScript. Είναι μια καθαρή βιβλιοθήκη JavaScript που μπορεί να λειτουργήσει τόσο στο Node όσο και στο πρόγραμμα περιήγησης χωρίς εξωτερικές εξαρτήσεις. Το API Παίρνει το κυρίαρχο χρώμα από την εικόνα. Το χρώμα επιστρέφεται ως πίνακας τριών ακεραίων που αντιπροσωπεύουν τιμές κόκκινου, πράσινου και μπλε. Ενώ εργάζεστε στο πρόγραμμα περιήγησης, πρέπει να χρησιμοποιείτε μια εικόνα HTML για επεξεργασία και ενώ χρησιμοποιείτε τον Κόμβο πρέπει να χρησιμοποιείτε τη διεύθυνση URL της εικόνας.

Το πακέτο Color Thief περιλαμβάνει πολλαπλά αρχεία διανομής για την υποστήριξη διαφορετικών περιβαλλόντων και διαδικασιών κατασκευής. Το color-thief.js είναι το κύριο αρχείο για την επεξεργασία των εικόνων, το color-thief.mjs χρησιμοποιείται για σύγχρονα προγράμματα περιήγησης καθώς και για το Webpack και το Συνάθροιση και το color-thief.umd.js χρησιμοποιείται για απλή φόρτωση ετικετών σεναρίου.

Previous Next

Ξεκινώντας με το Color Thief

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

Εγκαταστήστε το Color Thief μέσω NPM

 npm i --save colorthief

Λάβετε χρώματα από την εικόνα μέσω του δωρεάν JavaScript API

Η βιβλιοθήκη Color Thief ανοιχτού κώδικα επιτρέπει στους προγραμματιστές JavaScript να εξάγουν χρώματα από τις εικόνες μέσω προγραμματισμού. Προκειμένου να ληφθεί το κυρίαρχο χρώμα από την εικόνα, το API παρέχει τη μέθοδο getColor(). Η μέθοδος παίρνει το κυρίαρχο χρώμα από την εικόνα. Το χρώμα επιστρέφεται ως πίνακας τριών ακεραίων που αντιπροσωπεύουν τιμές κόκκινου, πράσινου και μπλε (RGB). Χρησιμοποιώντας τις ακόλουθες δύο γραμμές κώδικα, μπορείτε εύκολα να πάρετε το κυρίαρχο χρώμα από την εικόνα.

Αποκτήστε κυρίαρχο χρώμα από την εικόνα

  1. Φόρτωση εικόνας
  2. Πάρτε χρώμα

Εξαγωγή χρώματος από την εικόνα στο Node.js

const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getColor(img)
.then(color => { console.log(color) })
.catch(err => { console.log(err) })

Αποκτήστε Color Platte από την εικόνα μέσω του δωρεάν JavaScript API

Χρησιμοποιώντας το API, μπορείτε επίσης να λάβετε μια παλέτα χρωμάτων από τις εικόνες Για να λάβετε μια παλέτα χρωμάτων από την εικόνα, το API παρέχει τη μέθοδο getPalette(). Η μέθοδος παίρνει μια παλέτα από την εικόνα συγκεντρώνοντας παρόμοια χρώματα. Η παλέτα επιστρέφεται ως πίνακας που περιέχει χρώματα, κάθε χρώμα από μόνο του έναν πίνακα τριών ακεραίων. Χρησιμοποιώντας τις ακόλουθες δύο γραμμές κώδικα, μπορείτε εύκολα να λάβετε χρωματική πινακίδα από την εικόνα.

Αποκτήστε το Color Platte από την εικόνα

  1. Φόρτωση εικόνας
  2. Αποκτήστε πινακίδα χρώματος

Εξαγωγή εικόνας έγχρωμης πινακίδας στο Node.js

const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getPalette(img, 5)
.then(palette => { console.log(palette) })
.catch(err => { console.log(err) })
 Ελληνικά