JavaScript- ի տարբերանշանների ներդաշնակ ցուցադրում

Անկախ նրանից ՝ հղումներ, գործընկերներ կամ հաճախորդներ, կան բազմաթիվ դեպքեր, երբ դուք ցանկանում եք միմյանց կողքին ներդաշնակորեն ցուցադրել մի քանի լոգո: Լոգոյի համամասնությունները հիմնականում անհամապատասխան են: Հաճախ դուք հետևում եք ձեր աղիքի բնազդին նախագծում չափի ներկայացման համար, բայց կա նաև տեսողության համար գրավիչ ներկայացման ճշգրիտ հաշվարկման մեթոդ `հավասարեցնելով լոգոտիպի տարածքները: Հաջորդ օրինակում դա կարող եք անել JavaScript- ի ընդամենը մի քանի տողերով:


Եթե ​​հավասարեցնում եք բարձրությունը, ապա ստանում եք հետևյալ տեսքը:

CodePen

Եթե ​​նույն ընթացակարգն անում եք լայնության հետ, հետևյալ նկարազարդումն արդյունք է տալիս:

CodePen

Ավելի լավ է տարածքը հավասարեցնել JavaScript- ի մի քանի տողերի օգնությամբ:

1dacb229fcfb428ee3cb6b414625be29

Սա տալիս է հետևյալ պատկերը:

CodePen

Վերադառնալ