ওপেন সোর্স জাভাস্ক্রিপ্ট ডায়াগ্রামিং লাইব্রেরি

mxGraph দিয়ে শুরু করা

mxGraph ইনস্টল করার প্রস্তাবিত উপায় হল npm এর মাধ্যমে, এটি npm প্যাকেজ ম্যানেজারের মাধ্যমে উপলব্ধ। নির্ভরতা হিসাবে mxGraph ব্যবহার করতে, npm install ব্যবহার করুন।

npm install mxgraph --save

JavaScript API এর মাধ্যমে গ্রাফ তৈরি করুন

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

জাভাস্ক্রিপ্টের মাধ্যমে দুটি গ্রাফ একত্রিত করা

mxGraph কম্পিউটার প্রোগ্রামারদের তাদের নিজস্ব জাভাস্ক্রিপ্ট অ্যাপ্লিকেশনের মধ্যে দুটি গ্রাফ একত্রিত করতে সক্ষম করে। প্রথমত, আপনাকে প্রদত্ত পাত্রের ভিতরে একটি নমুনা গ্রাফ তৈরি করতে হবে। দয়া করে একটি সাদা, গাঢ় লেবেল দিয়ে সমস্ত কক্ষকে গোলাকার করুন৷ এখন একটি ধারক ছাড়া দ্বিতীয় গ্রাফ মডেল তৈরি করুন. শীর্ষবিন্দুর জন্য কাস্টম আইডি ব্যবহার করে একটি একক ধাপে লক্ষ্য মডেলে ঘর যোগ করুন। এখন আপনি দ্বিতীয় গ্রাফ থেকে মডেলটিকে প্রথম গ্রাফের মডেলে মার্জ করতে পারেন।

জাভাস্ক্রিপ্ট ব্যবহার করে গ্রিড আঁকা

mxGraph লাইব্রেরি সফ্টওয়্যার বিকাশকারীদের তাদের নিজস্ব জাভাস্ক্রিপ্ট অ্যাপ্লিকেশনগুলির মধ্যে গতিশীলভাবে একটি গ্রিড আঁকতে সক্ষম করে। আপনি সহজেই HTML 5 ক্যানভাস ব্যবহার করে গতিশীলভাবে একটি গ্রিড আঁকতে পারেন। প্রথমে অনুগ্রহ করে প্রদত্ত কন্টেইনারের ভিতরে গ্রাফ তৈরি করুন এবং একটি ক্যানভাস প্রয়োজন এমন গতিশীলভাবে একটি গ্রিড তৈরি করুন। ক্যানভাসকে একটি ধারক হিসাবে গ্রহণ করার জন্য আপনাকে ইভেন্ট ফিল্টারিং পরিবর্তন করতে হবে৷ এখন cপ্রয়োজন হলে পটভূমি শিখে এবং পিক্সেলে গ্রিড লাইনের দূরত্ব সেট করে৷ এখন প্রকৃত গ্রিড আঁকা.