जावास्क्रिप्ट के साथ लोगो का सामंजस्यपूर्ण प्रदर्शन

चाहे संदर्भ, साझेदार या ग्राहक - ऐसे कई मामले हैं जिनमें आप एक दूसरे के साथ कई लोगो को सौहार्दपूर्वक प्रदर्शित करना चाहते हैं। लोगो के अनुपात ज्यादातर असंगत हैं। आप अक्सर डिजाइन में आकार प्रतिनिधित्व के लिए अपनी आंत वृत्ति का पालन करते हैं, लेकिन लोगो के क्षेत्रों की बराबरी करके एक नेत्रहीन अपील प्रतिनिधित्व के लिए एक सटीक गणना पद्धति भी है। निम्नलिखित उदाहरण में आप इसे जावास्क्रिप्ट की कुछ लाइनों के साथ कर सकते हैं।


यदि आप ऊँचाई की बराबरी करते हैं, तो आपको निम्न उपस्थिति मिलती है:

CodePen

यदि आप चौड़ाई के साथ एक ही प्रक्रिया करते हैं, तो निम्न चित्रण परिणाम देता है:

CodePen

जावास्क्रिप्ट की कुछ पंक्तियों की मदद से क्षेत्र को बराबर करना बेहतर है:

1dacb229fcfb428ee3cb6b414625be29

यह निम्नलिखित चित्र देता है:

CodePen

वापस