Harmonische weergave van logo's met JavaScript

Of het nu gaat om referenties, partners of klanten - er zijn veel gevallen waarin u meerdere logo's harmonieus naast elkaar wilt weergeven. De verhoudingen van de logo's zijn meestal inconsistent. Vaak volg je je onderbuikgevoel voor de maatweergave in het ontwerp, maar er is ook een exacte berekeningsmethode voor een visueel aantrekkelijke weergave door de gebieden van de logo's gelijk te stellen. In het volgende voorbeeld kunt u dit doen met slechts een paar regels JavaScript.


Als je de hoogte gelijk stelt, krijg je het volgende uiterlijk:

CodePen

Als u dezelfde procedure met de breedte uitvoert, wordt de volgende illustratie weergegeven:

CodePen

Het is beter om het gebied gelijk te stellen met behulp van een paar regels JavaScript:

1dacb229fcfb428ee3cb6b414625be29

Dit geeft het volgende beeld:

CodePen

Terug