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

Referanslar, ortaklar veya müşteriler olsun - uyumlu bir şekilde yan yana birkaç logo görüntülemek istediğiniz birçok durum vardır. Logoların oranları çoğunlukla tutarsızdır. Tasarımdaki boyut temsili için içgüdülerinizi sık sık takip edersiniz, ancak 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 yalnızca 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 çizim oluşur:

CodePen

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

1dacb229fcfb428ee3cb6b414625be29

Bu aşağıdaki resmi verir:

CodePen

Geri