ओपन सोर्स जावास्क्रिप्ट डायग्रामिंग लाइब्रेरी

एमएक्सग्राफ के साथ शुरुआत करना

एमएक्सग्राफ को स्थापित करने का अनुशंसित तरीका एनपीएम के माध्यम से है, यह एनपीएम पैकेज मैनेजर के माध्यम से उपलब्ध है। निर्भरता के रूप में mxGraph का उपयोग करने के लिए, npm इंस्टॉल का उपयोग करें।

npm install mxgraph --save

जावास्क्रिप्ट एपीआई के माध्यम से रेखांकन उत्पन्न करें

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

जावास्क्रिप्ट के माध्यम से दो रेखांकन मर्ज करना

एमएक्सग्राफ कंप्यूटर प्रोग्रामर को अपने स्वयं के जावास्क्रिप्ट अनुप्रयोगों के अंदर दो ग्राफ को मर्ज करने में सक्षम बनाता है। सबसे पहले, आपको दिए गए कंटेनर के अंदर एक नमूना ग्राफ बनाना होगा। कृपया सभी कक्षों को सफ़ेद, बोल्ड लेबल से गोल करें। अब कृपया कंटेनर के बिना दूसरा ग्राफ मॉडल बनाएं। शीर्षों के लिए कस्टम आईडी का उपयोग करके एकल चरण में लक्ष्य मॉडल में कक्ष जोड़ें। अब आप दूसरे ग्राफ़ से मॉडल को पहले ग्राफ़ के मॉडल में मर्ज कर सकते हैं।

जावास्क्रिप्ट का उपयोग करके ग्रिड बनाना

एमएक्सग्राफ पुस्तकालय सॉफ्टवेयर डेवलपर्स को अपने स्वयं के जावास्क्रिप्ट अनुप्रयोगों के अंदर गतिशील रूप से ग्रिड बनाने में सक्षम बनाता है। आप HTML 5 कैनवास का उपयोग करके आसानी से गतिशील रूप से ग्रिड बना सकते हैं। पहले कृपया दिए गए कंटेनर के अंदर ग्राफ बनाएं और गतिशील रूप से एक ग्रिड बनाएं जिसके लिए कैनवास की आवश्यकता हो। कैनवास को एक कंटेनर के रूप में स्वीकार करने के लिए आपको ईवेंट फ़िल्टरिंग को संशोधित करने की आवश्यकता है। अब cयदि आवश्यक हो तो पृष्ठभूमि को सीखता है और पिक्सेल में ग्रिड लाइनों की दूरी सेट करता है। अब वास्तविक ग्रिड खींचता है।