Αρμονική εμφάνιση λογότυπων με JavaScript

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


Εάν εξισώσετε το ύψος, έχετε την ακόλουθη εμφάνιση:

CodePen

Εάν κάνετε την ίδια διαδικασία με το πλάτος, προκύπτει η ακόλουθη εικόνα:

CodePen

Είναι καλύτερα να εξισώσετε την περιοχή με τη βοήθεια μερικών γραμμών JavaScript:

1dacb229fcfb428ee3cb6b414625be29

Αυτό δίνει την ακόλουθη εικόνα:

CodePen

Πίσω