JavaScriptによるロゴの調和のとれた表示

参照、パートナー、顧客のいずれであっても、複数のロゴを調和して並べて表示したい場合が多くあります。 ロゴの比率はほとんど一貫していません。 デザインのサイズ表現については、直感に従うことがよくありますが、ロゴの領域を等しくすることで、視覚的に魅力的な表現を正確に計算する方法もあります。 次の例では、数行のJavaScriptでこれを行うことができます。


高さを等しくすると、次のようになります。:

CodePen

幅で同じ手順を実行すると、次の図の結果になります。:

CodePen

数行のJavaScriptを使用して、領域を同一視することをお勧めします:

1dacb229fcfb428ee3cb6b414625be29

これにより、次の図が得られます:

CodePen

バック