Paparan logo yang harmoni dengan JavaScript

Sama ada rujukan, rakan kongsi atau pelanggan - terdapat banyak kes di mana anda mahu memaparkan beberapa logo bersebelahan dengan harmoni. Sebahagian besar logo tidak selari. Sering kali anda mengikuti naluri usus anda untuk perwakilan ukuran dalam reka bentuk, tetapi ada juga kaedah pengiraan yang tepat untuk representasi yang menarik secara visual dengan menyamakan luas logo. Dalam contoh berikut, anda boleh melakukan ini hanya dengan beberapa baris JavaScript.


Sekiranya anda menyamakan ketinggian, anda akan mendapat penampilan berikut:

CodePen

Sekiranya anda melakukan prosedur yang sama dengan lebar, hasil ilustrasi berikut:

CodePen

Lebih baik menyamakan kawasan dengan bantuan beberapa baris JavaScript:

1dacb229fcfb428ee3cb6b414625be29

Ini memberikan gambaran berikut:

CodePen

Belakang