Logók harmonikus megjelenítése JavaScript-szel

Legyen szó referenciákról, partnerekről vagy ügyfelekről - sok esetben több logót szeretne harmonikusan egymás mellett megjeleníteni. A logók arányai többnyire következetlenek. Gyakran követi belsö ösztönét a méretábrázoláshoz a tervezés során, de van egy pontos számítási módszer is a vizuálisan vonzó ábrázoláshoz, a logók területeinek megegyezésével. A következő példában ezt csak néhány JavaScript-sorral teheti meg.


Ha egyenlővé teszi a magasságot, a következő megjelenést kapja:

CodePen

Ha ugyanazt az eljárást végzi a szélességgel, az alábbi ábra eredményezi:

CodePen

Jobb, ha a JavaScript-t néhány sor segítségével egyenlítjük ki:

1dacb229fcfb428ee3cb6b414625be29

Ez a következő képet adja:

CodePen

Vissza