نمایش هماهنگ آرم ها با JavaScript

چه مراجع ، چه شرکا و چه مشتری - موارد بسیاری وجود دارد که می خواهید چندین آرم را در کنار یکدیگر به صورت هماهنگ نمایش دهید. نسبت آرم ها اغلب متناقض است. غالباً شما برای نمایش اندازه در طراحی ، از غریزه روده خود پیروی می کنید ، اما همچنین یک روش محاسبه دقیق برای نمایش با جذابیت بصری با تساوی مناطق آرم ها وجود دارد. در مثال زیر می توانید این کار را فقط با چند خط جاوا اسکریپت انجام دهید.


اگر قد را برابر کنید ، به شکل زیر ظاهر می شوید:

CodePen

اگر شما از همین روش با عرض، شما در تصویر زیر دریافت کنید:

CodePen

بهتر است مساحت را با کمک چند خط جاوا اسکریپت برابر کنید:

1dacb229fcfb428ee3cb6b414625be29

این تصویر زیر را نشان می دهد:

CodePen

بازگشت