Σύνθετες λειτουργίες επεξεργασίας εικόνας μέσω JavaScript API 

Βιβλιοθήκη JavaScript ανοιχτού κώδικα για την εκτέλεση προηγμένων εργασιών δημιουργίας και χειρισμού εικόνων, όπως η αλλαγή μεγέθους εικόνας, η μετατόπιση μιας εικόνας σε μια άλλη, η θόλωση μιας εικόνας, η κλιμάκωση μιας εικόνας και πολλά άλλα. 

Το Jimp – Javascript Image Manipulation Program είναι μια βιβλιοθήκη ανοιχτού κώδικα Node.js που δίνει στους προγραμματιστές λογισμικού τη δυνατότητα να εκτελούν πολύπλοκες λειτουργίες επεξεργασίας εικόνας μέσα στις δικές τους εφαρμογές JavaScript. Είναι γραμμένο εξ ολοκλήρου σε JavaScript για Node, χωρίς εξωτερικές ή εγγενείς εξαρτήσεις.

Η βιβλιοθήκη είναι πολύ χρήσιμη για την ανάπτυξη οποιουδήποτε είδους προηγμένης εφαρμογής επεξεργασίας εικόνας και είναι εντελώς δωρεάν, επομένως παρέχει στους προγραμματιστές μια οικονομικά αποδοτική λύση με ευκολία στη χρήση. Η βιβλιοθήκη περιλαμβάνει πολλά προηγμένα χαρακτηριστικά που σχετίζονται με τη δημιουργία και τον χειρισμό εικόνας, όπως αλλαγή μεγέθους εικόνας, βελτιωμένη ποιότητα εικόνων, μετατόπιση εικόνας σε άλλη, θόλωση μιας εικόνας, κλιμάκωση μιας εικόνας, εφαρμογή του εφέ dither σε μια εικόνα, αναστροφή μιας εικόνας, αντιστροφή της χρώματα μιας εικόνας, περιστροφή μιας εικόνας, εκτύπωση κειμένου σε μια εικόνα και πολλά άλλα.

Η βιβλιοθήκη περιλαμβάνει υποστήριξη για πολλές προηγμένες μορφές εικόνας όπως BMP, GIF, JPEG, PNG, TIFF και πολλά άλλα. Υπάρχουν επίσης ορισμένες πρόσθετες προσθήκες διαθέσιμες που μπορούν να χρησιμοποιηθούν για κάποια επιπλέον λειτουργικότητα, όπως η προσθήκη κύκλου που μπορεί να χρησιμοποιηθεί για τη δημιουργία ενός κύκλου από μια εικόνα και η προσθήκη σκιάς που δημιουργεί μια σκιά στην εικόνα. Υπάρχει το πρόσθετο εφέ fisheye και το πρόσθετο κατωφλίου.

Previous Next

Ξεκινώντας με τον Jimp

Μπορείτε να εγκαταστήσετε τη βιβλιοθήκη Jimp εκδίδοντας μια απλή εντολή στο Node. Χρησιμοποιήστε την παρακάτω εντολή. 

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

npm install jimp 

Αλλαγή μεγέθους εικόνων χρησιμοποιώντας τη Βιβλιοθήκη JavaScript

Η βιβλιοθήκη Jimp ανοιχτού κώδικα έχει συμπεριλάβει τη δυνατότητα αλλαγής μεγέθους εικόνων μέσα στις δικές τους εφαρμογές JavaScript. Πρώτα πρέπει να δώσετε μια εικόνα και μια πλήρη διαδρομή προς αυτήν. Μετά από αυτό, μπορείτε να δώσετε είτε το ύψος είτε το πλάτος και η βιβλιοθήκη Jimp θα κλιμακώσει την εικόνα ανάλογα. Μόλις ικανοποιηθείτε, μπορείτε να αποθηκεύσετε την εικόνα στο μέρος της επιλογής σας. Μπορείτε επίσης να κλιμακώσετε εύκολα την εικόνα παρέχοντας προσαρμοσμένο πλάτος και ύψος διατηρώντας την αναλογία διαστάσεων.

Φωτογραφίες μέσω JavaScript

import jimp from 'jimp';
async function main() {
	// Read the image.
	const image = await jimp.read('test/image.png');
	// Resize the image to width 150 and auto height.
	await image.resize(150, jimp.AUTO);
	// Save and overwrite the image
	await image.writeAsync('test/image.png');
}
main();

Αναστροφή, κλίμακα ή περιστροφή εικόνων μέσω JavaScript

Η βιβλιοθήκη Jimp ανοιχτού κώδικα έχει επίσης προσφέρει λειτουργικότητα για πολλά σημαντικά χαρακτηριστικά που σχετίζονται με τον χειρισμό εικόνας. Επιτρέπει στον προγραμματιστή να αναστρέφει καθώς και να κλιμακώνει τις εικόνες με μόνο μερικές γραμμές κώδικα JavaScript. Η λειτουργία αναστροφής θα αναστρέψει την εικόνα οριζόντια ή κάθετα. Οι προεπιλεγμένες ρυθμίσεις είναι να αναστρέψετε την εικόνα οριζόντια. Η λειτουργία περιστροφής θα περιστρέψει την εικόνα δεξιόστροφα και οι διαστάσεις της εικόνας θα παραμείνουν ίδιες.

Εικόνα JavaScript API

import jimp from 'jimp';
async function main() {
  const image = await jimp.read('test/image.png');
  image.rotate(90);
}
main();

Εφαρμόστε Gaussian & Color Mix στην εικόνα

Το Gaussian blur είναι ένα ευρέως χρησιμοποιούμενο εφέ στο λογισμικό γραφικών, συνήθως για τη μείωση του θορύβου της εικόνας και τη μείωση της λεπτομέρειας. Η βιβλιοθήκη Jimp ανοιχτού κώδικα δίνει τη δυνατότητα στους προγραμματιστές λογισμικού να εφαρμόσουν ένα πραγματικό θάμπωμα Gauss στην εικόνα μέσα στη δική τους εφαρμογή. Λάβετε υπόψη ότι η επεξεργασία του είναι σχετικά αργή σε σύγκριση με άλλες λειτουργίες της βιβλιοθήκης. Η βιβλιοθήκη υποστηρίζει επίσης τη δυνατότητα ανάμειξης χρωμάτων και αναμειγνύει τα χρώματα με βάση τις τιμές συστατικού τους RGB και το ποσό είναι η αδιαφάνεια του χρώματος επικάλυψης.

Εφαρμογή ρωσικής εικόνας στο εσωτερικό JavaScript εφαρμογών

import jimp from 'jimp';
async function main() {
  const image = await jimp.read('test/image.png');
  image.gaussian(15);
}
main();
 Ελληνικά