জাভাস্ক্রিপ্ট সহ লোগোগুলির সুরেলা প্রদর্শন

রেফারেন্স, অংশীদার বা গ্রাহক হোক - এমন অনেকগুলি ক্ষেত্রে রয়েছে যেখানে আপনি একে অপরের পাশে সুরেলাভাবে বিভিন্ন লোগো প্রদর্শন করতে চান। লোগোগুলির অনুপাতগুলি বেশিরভাগ ক্ষেত্রেই বেমানান। আপনি প্রায়শই ডিজাইনে আকারের উপস্থাপনের জন্য আপনার অন্ত্র প্রবৃত্তিটি অনুসরণ করেন তবে লোগোগুলির ক্ষেত্রগুলিকে সমান করে দৃষ্টিশক্তিভাবে আবেদন করার উপস্থাপনের জন্য একটি সঠিক গণনা পদ্ধতিও রয়েছে। নিম্নলিখিত উদাহরণে আপনি জাভাস্ক্রিপ্টের কয়েকটি লাইন দিয়ে এটি করতে পারেন।


আপনি যদি উচ্চতা সমান করেন তবে আপনি নীচের চেহারাটি পাবেন:

CodePen

আপনি যদি প্রস্থের সাথে একই পদ্ধতিটি করেন তবে নীচের চিত্রের ফলাফল:

CodePen

জাভাস্ক্রিপ্টের কয়েক লাইনের সাহায্যে অঞ্চলটি সমান করা ভাল:

1dacb229fcfb428ee3cb6b414625be29

এটি নিম্নলিখিত ছবি দেয়:

CodePen

পেছনে