GraphicsJS की मदद से आप कोई भी वेब ग्राफिक्स बना सकते हैं जिसकी आप कल्पना कर सकते हैं

कस्टम जावास्क्रिप्ट एपीआई वेब का भविष्य हैं। खुला स्रोत आंदोलन के साथ मिलकर एसवीजी ग्राफिक्स वेब डेवलपर्स के लिए संभावनाओं को खोल दिया है.

GraphicsJS के लिए एक मुफ्त खुला स्रोत पुस्तकालय और जेएस एपीआई है कस्टम ग्राफिक्स का निर्माण वेब ब्राउज़र में। यह एक के रूप में इस्तेमाल किया जा सकता है दृश्य उपकरण डेटा रेखांकन के लिए, या इसका उपयोग सामान बनाने के लिए किया जा सकता है सिर्फ दिखावा करने के लिए.

मुख पृष्ठ पर, आपको एक मिल जाएगा डेमो का बड़ा वर्ग ग्राफिक्सजेएस के साथ बनाया गया। और ये उदाहरण सिर्फ सतह को खरोंचते हैं जो संभव है.

पुस्तकालय अपने स्वयं के आभासी डोम का उपयोग करता है जो ब्राउज़र के DOM का एक अमूर्त हिस्सा है। यह कुछ हद तक है रिएक्ट के वर्चुअल डोम के समान और यह एक समान तरीके से उपयोग किया जाता है.

चूंकि यह पुस्तकालय DOM के क्लोन का उपयोग करता है, इसलिए यह भी वास्तविक HTML तत्वों की आवश्यकता है जिसपे काम करना। इसलिए ऐसा है एसवीजी / वीएमएल का उपयोग करता है एचटीएमएल 5 कैनवास में एम्बेडेड ऑब्जेक्ट्स के बजाय.

यह ग्राफिक्स इंजन था मूल रूप से AnyChart लाइब्रेरी में बनाया गया था. वहां से, यह था ट्वीक तथा अपने स्वयं के जेएस एपीआई के रूप में खुला-खट्टा.

GraphicsJS सभी प्रमुख ब्राउज़रों का समर्थन करता है, यहां तक ​​कि IE6 और Chrome 1.0 में वापस डेटिंग.

सभी स्रोत कोड GitHub रेपो में उपलब्ध है जहां आप एक कॉपी डाउनलोड कर सकते हैं और यदि आपके पास समय हो तो चारों ओर प्रहार कर सकते हैं। लेकिन मुझे लगता है कि सीखने का सबसे अच्छा तरीका है कि हम पहले सिर पर गोता लगाएँ.

आप के माध्यम से ब्राउज़ कर सकते हैं एपीआई डॉक्स लेकिन मैं आमतौर पर इन डॉक्स को बहुत कम पाता हूं। जब आपको आवश्यकता हो तो डॉक्स का सबसे अच्छा उपयोग किया जाता है एक विशिष्ट विधि या एपीआई कॉल खोजें उल्लेख के लिए.

यदि आप अभी शुरू कर रहे हैं तो आप कर सकते हैं खेल के मैदान पर जाएँ AnyChart की वेबसाइट पर होस्ट किया गया। यह खोजने के लिए एक अच्छी जगह है काम कोड नमूने वाक्य रचना को तोड़ने के लिए.

या, यदि आप वास्तव में वर्ग एक से शुरू करना चाहते हैं तो द ग्राफिक्सजेएस गाइड शुरू मदद कर सकते है। यह अधिक पसंद है “आधिकारिक” प्रलेखन तो यह एक के लिए अपना हाथ पकड़ लेंगे चिकनी सीखने की अवस्था एपीआई डॉक्स की तुलना में.

किसी भी तरह से, मैं प्यार करता हूँ कि GraphicsJS खुला और डेवलपर समुदाय में जारी किया गया था। यह एक आदर्श पुस्तकालय से बहुत दूर है लेकिन यह हमारे लिए सबसे अच्छे में से एक है खरोंच से कस्टम SVG ग्राफिक्स बनाना.

और अपने गियर को मोड़ने के लिए, नीचे आप ग्राफिक्स.जेएस के साथ जो भी बना सकते हैं उसका एक नमूना देख सकते हैं.