कैनवास - एचटीएमएल 5 के लिए कैनवास का उपयोग करके गेज

शुभ दोपहर, Khabrovites!

आज मैं अपने छोटे विकास को साझा करना चाहता हूं जो मैंने अपनी एक परियोजना के लिए किया था। वास्तव में, नेटवर्क में बहुत सारे गेज कार्यान्वयन हैं, जो भुगतान और मुफ्त दोनों हैं। लेकिन मुझे कैनवास का उपयोग करने के लिए कम से कम एक समाधान नहीं मिला, इसलिए मैंने अपना लिखने का फैसला किया।

बिल्कुल कैनवास क्यों?

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

कैनवॉग कोड यहां लिया जा सकता है । वहाँ आप एपीआई का एक छोटा सा विवरण पा सकते हैं। और यहाँ काम का एक उदाहरण देखने के लिए ।

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

बॉक्स सुविधाओं में से

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