Διαδικτυακή γεννήτρια εικόνας με ακτινική διαβάθμιση

Δυνατότητες και λειτουργία

Αυτό το εργαλείο δημιουργεί μια εικόνα με ακτινική διαβάθμιση μεταξύ δύο χρωμάτων. Η διαβάθμιση ξεκινά από το κέντρο με το πρώτο χρώμα και καταλήγει στο εξωτερικό όριο με το δεύτερο χρώμα. Ο εξωτερικός κύκλος έχει ακτίνα ίση με την υποτείνουσα των διαστάσεων διαιρεμένη με το διπλάσιο της κλίμακας. Για παράδειγμα, σε καμβά 1200×630 px με κλίμακα 100%, η ακτίνα είναι περίπου 677,66 px, καλύπτοντας τις γωνίες. Αν αυξήσετε την κλίμακα στο 200%, η ακτίνα μειώνεται στο μισό (περίπου 338,83 px).

Παράδειγμα εργασίας

Ας υποθέσουμε ότι θέλετε μια εικόνα 800×600 px με μπλε κέντρο (#3B82F6) και ροζ άκρη (#EC4899), κέντρο στο 50%, 50%, κλίμακα 100% και χωρίς διαφάνεια. Το αποτέλεσμα θα είναι μια εικόνα με ομαλή ακτινική μετάβαση από το μπλε στο κέντρο προς το ροζ στις άκρες.

Περιορισμοί

• Η διαβάθμιση είναι πάντα κυκλική, δεν υποστηρίζεται ελλειπτική λειτουργία.
• Υπάρχουν μόνο δύο χρωματικές στάσεις (κέντρο και άκρη).
• Η μετακίνηση του κέντρου δεν επεκτείνει την ακτίνα για να καλύψει τις μακρινές γωνίες.
• Η διαφάνεια εφαρμόζεται ως άλφα = 1 - (ποσοστό/100). Για παράδειγμα, 25% διαφάνεια σημαίνει άλφα 0.75.
• Η μέγιστη έξοδος είναι 24 εκατομμύρια pixels. Μεγάλες διαστάσεις μειώνονται αναλογικά.

Συχνές ερωτήσεις

Τι συμβαίνει αν ορίσω κέντρο 0%,0%;

Το κέντρο τοποθετείται στην επάνω αριστερή γωνία, δεν επανέρχεται στο 50%,50%. Αυτό μπορεί να χρησιμοποιηθεί για διαβαθμίσεις που ξεκινούν από μια γωνία.

Γιατί η διαβάθμιση δεν καλύπτει όλες τις γωνίες όταν μετακινώ το κέντρο;

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

Μπορώ να χρησιμοποιήσω διαφάνεια και να κατεβάσω το αποτέλεσμα;

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

Λίστα ελέγχου

• Επιλέξτε τα δύο χρώματα.
• Ορίστε διαστάσεις, κέντρο, κλίμακα και διαφάνεια.
• Πατήστε «Δημιουργία».
• Ελέγξτε την κάλυψη των γωνιών.
• Κατεβάστε το PNG.

Στον τύπο, w και h είναι οι πραγματικές διαστάσεις εξόδου και s το ποσοστό κλίμακας που εισάγεται: 100 σημαίνει συντελεστής 1. Διαφάνεια 0% σημαίνει αδιαφανές, 100% πλήρως διαφανές. Το άλφα του χρώματος άκρης ισχύει και έξω από τον κύκλο.

r = sqrt(w² + h²) / (2 × (s / 100))