Harmonijne wyświetlanie logo za pomocą JavaScript

Niezależnie od tego, czy są to referencje, partnerzy czy klienci - jest wiele przypadków, w których chcesz harmonijnie wyświetlać kilka logo obok siebie. Proporcje logo są przeważnie niespójne. Często kierujesz się intuicją, jeśli chodzi o przedstawienie rozmiaru w projekcie, ale istnieje również dokładna metoda obliczania atrakcyjnej wizualnie reprezentacji poprzez zrównanie obszarów logo. W poniższym przykładzie możesz to zrobić za pomocą zaledwie kilku wierszy JavaScript.


Jeśli zrównasz wysokość, otrzymasz następujący wygląd:

CodePen

Jeśli wykonasz tę samą procedurę z szerokością, uzyskasz następującą ilustrację:

CodePen

Lepiej jest zrównać obszar za pomocą kilku wierszy JavaScript:

1dacb229fcfb428ee3cb6b414625be29

Daje to następujący obraz:

CodePen

Plecy