Logoların JavaScript ile uyumlu görünümü

Referanslar, ortaklar veya müşteriler olsun - birkaç logoyu uyumlu bir şekilde yan yana görüntülemek istediğiniz birçok durum vardır. Logoların oranları çoğunlukla tutarsızdır. Tasarımdaki boyut gösterimi söz konusu olduğunda genellikle içgüdülerinizi takip edersiniz, ancak aynı zamanda logoların alanlarını eşitleyerek görsel olarak çekici bir temsil için kesin bir hesaplama yöntemi de vardır. Aşağıdaki örnekte, bunu sadece birkaç satır JavaScript ile yapabilirsiniz.


Yüksekliği eşitlerseniz, aşağıdaki görünümü elde edersiniz:

CodePen

Genişlikle aynı prosedürü uygularsanız, aşağıdaki temsili elde edersiniz:

CodePen

Alanı birkaç satır JavaScript yardımıyla eşitlemek daha iyidir:

1dacb229fcfb428ee3cb6b414625be29

Bu, aşağıdaki resmi verir:

CodePen

Geri