इस तत्व के पास अन्य प्रौद्योगिकी के लाभ हैं
एचटीएमएल 5 में कैनवास नामक एक रोमांचक तत्व शामिल है। इसमें बहुत सारे उपयोग हैं, लेकिन इसका उपयोग करने के लिए आपको कुछ जावास्क्रिप्ट, एचटीएमएल, और कभी-कभी सीएसएस सीखना होगा।
यह कैनवास तत्व को कई डिज़ाइनरों के लिए थोड़ा मुश्किल बनाता है, और वास्तव में, अधिकांश तब तक तत्व को अनदेखा कर देंगे जब तक कि जावास्क्रिप्ट को जानने के बिना कैनवास एनिमेशन और गेम बनाने के लिए विश्वसनीय उपकरण न हों।
क्या एचटीएमएल 5 कैनवास के लिए प्रयोग किया जाता है
एचटीएमएल 5 कैनवास तत्व का उपयोग कई चीजों के लिए किया जा सकता है जो पहले, आपको एक एम्बेडेड एप्लिकेशन का उपयोग करना था जैसे फ़्लैश उत्पन्न करना:
- गतिशील ग्राफिक्स
- ऑनलाइन और ऑफ़लाइन गेम
- एनिमेशन
- इंटरैक्टिव वीडियो और ऑडियो
वास्तव में, मुख्य कारण लोग कैनवास तत्व का उपयोग करते हैं, यह एक सादा वेब पेज को एक गतिशील वेब एप्लिकेशन में बदलने के लिए कितना आसान है और उसके बाद स्मार्टफोन और टेबलेट पर उपयोग के लिए उस एप्लिकेशन को मोबाइल ऐप में परिवर्तित करना है।
अगर हमारे पास फ्लैश है, तो हमें कैनवास की आवश्यकता क्यों है?
एचटीएमएल 5 विनिर्देश के अनुसार, कैनवास तत्व है:
"... एक संकल्प-निर्भर बिटमैप कैनवास, जिसे फ्लाई पर ग्राफ, गेम ग्राफिक्स, कला या अन्य दृश्य छवियों को प्रस्तुत करने के लिए उपयोग किया जा सकता है।"कैनवास तत्व आपको वास्तविक समय में वेब पेज पर ग्राफ, ग्राफिक्स, गेम, कला और अन्य दृश्यों को आकर्षित करने देता है।
आप सोच रहे होंगे कि हम फ्लैश के साथ पहले ही ऐसा कर सकते हैं, लेकिन कैनवास और फ्लैश के बीच दो प्रमुख अंतर हैं:
- कैनवास तत्व HTML में सीधे एम्बेड किया गया है। उस पर खींची जाने वाली स्क्रिप्ट या तो HTML या किसी लिंक की गई बाहरी फ़ाइल में हैं। इसका मतलब है कि कैनवास तत्व दस्तावेज़ ऑब्जेक्ट मॉडल या डीओएम का हिस्सा है।
- फ्लैश एक एम्बेडेड बाहरी फ़ाइल है। यह प्रदर्शित करने के लिए या तो EMBED या OBJECT तत्व का उपयोग करता है, और अन्य HTML तत्वों के साथ सीधे संपर्क नहीं कर सकता है। चूंकि कैनवास तत्व डोम का हिस्सा है, इसलिए यह कई तरीकों से डीओएम के साथ बातचीत कर सकता है।
- उदाहरण के लिए, आप एक एनीमेशन बना सकते हैं जो पृष्ठ के किसी अन्य भाग के साथ इंटरैक्ट किया जाता है - जैसे फॉर्म तत्व भरना। फ्लैश के साथ, आप फ्लैश मूवी या एनीमेशन शुरू करना चाहते हैं, लेकिन साथ ही कैनवास आप कई अलग-अलग प्रभाव पैदा कर सकते हैं, यहां तक कि फ़ॉर्म फ़ील्ड से टेक्स्ट एनीमेशन में भी जोड़ सकते हैं।
- कैनवास तत्व मूल रूप से वेब ब्राउज़र द्वारा समर्थित है। उपयोगकर्ताओं को वास्तव में फ्लैश का उपयोग करने के लिए, उनके ब्राउज़र में प्लगइन स्थापित होना चाहिए। पुरानी फ्लैश इंस्टॉल या तथ्य यह है कि उनके ऑपरेटिंग सिस्टम बस इसका समर्थन नहीं करते हैं, यह अक्सर ज्यादातर लोगों के लिए परेशानी होती है।
- ऐसा लगता था कि प्रत्येक ब्राउज़र में प्लगइन स्थापित होता था, लेकिन अब यह मामला नहीं है, और कई कठिनाइयों के कारण प्लगइन को भी हटा रहे हैं। इसके अलावा, यह लोकप्रिय आईओएस मंच पर भी उपलब्ध नहीं है।
कैनवास उपयोगी है भले ही आपने कभी फ्लैश का उपयोग करने की योजना बनाई हो
मुख्य कारणों में से एक कैनवास तत्व इतना भ्रमित क्यों है कि कई डिजाइनरों को पूरी तरह स्थिर वेब पर उपयोग किया गया है। छवियां एनिमेटेड हो सकती हैं, लेकिन यह जीआईएफ के साथ किया जाता है, और निश्चित रूप से आप पृष्ठों को वीडियो में एम्बेड कर सकते हैं लेकिन फिर से, यह एक स्थिर वीडियो है जो बस पृष्ठ पर बैठता है और बातचीत के कारण शुरू हो सकता है या बंद हो सकता है, लेकिन यह सब कुछ है।
कैनवास तत्व आपको अपने वेब पृष्ठों पर इतना अधिक अंतःक्रियाशीलता जोड़ने की अनुमति देता है क्योंकि अब आप एक स्क्रिप्टिंग भाषा के साथ गतिशील रूप से ग्राफिक्स, छवियों और पाठ को नियंत्रित कर सकते हैं। कैनवास तत्व एनिमेटेड तत्वों में छवियों, फ़ोटो, चार्ट और ग्राफ को बदलने में आपकी सहायता करता है।
कैनवास तत्व का उपयोग करने पर विचार कब करें
कैनवास तत्व का उपयोग करना है या नहीं, यह तय करते समय आपके दर्शकों का पहला विचार होना चाहिए।
यदि आपके दर्शक मुख्य रूप से विंडोज एक्सपी और आईई 6, 7, या 8 का उपयोग कर रहे हैं, तो एक गतिशील कैनवास सुविधा बनाना व्यर्थ होने जा रहा है क्योंकि वे ब्राउज़र इसका समर्थन नहीं करते हैं।
यदि आप एक ऐसे एप्लिकेशन का निर्माण कर रहे हैं जिसका उपयोग केवल विंडोज मशीनों पर किया जाएगा, तो फ्लैश आपकी सबसे अच्छी शर्त हो सकती है। विंडोज और मैक कंप्यूटर पर इस्तेमाल होने वाले एप्लिकेशन को सिल्वरलाइट एप्लिकेशन से फायदा हो सकता है।
हालांकि, यदि आपके एप्लिकेशन को मोबाइल डिवाइस (एंड्रॉइड और आईओएस दोनों) के साथ-साथ आधुनिक डेस्कटॉप कंप्यूटर (नवीनतम ब्राउज़र संस्करणों में अपडेट किया गया) पर देखा जाना चाहिए, तो कैनवास तत्व का उपयोग करना एक अच्छा विकल्प है।
ध्यान रखें कि इस तत्व का उपयोग करने से आप पुराने ब्राउज़र के लिए स्थिर छवियों जैसे फ़ॉलबैक विकल्प प्राप्त कर सकते हैं जो इसका समर्थन नहीं करते हैं।
हालांकि, सब कुछ के लिए एचटीएमएल 5 कैनवास का उपयोग करने की सिफारिश नहीं है। आपको कभी भी अपने लोगो, शीर्षक या नेविगेशन जैसी चीज़ों के लिए इसका उपयोग नहीं करना चाहिए (हालांकि इनमें से किसी भी हिस्से को एनिमेट करने के लिए इसका उपयोग करना ठीक होगा)।
विनिर्देश के अनुसार, आपको उन तत्वों का उपयोग करना चाहिए जो आप बनाने के लिए सबसे उपयुक्त हैं। इसलिए छवियों और पाठ के साथ हेडर तत्व का उपयोग करना आपके हेडर और लोगो के लिए कैनवास तत्व के लिए बेहतर है।
साथ ही, यदि आप एक वेब पेज या एप्लिकेशन बना रहे हैं जिसका उपयोग प्रिंटिंग जैसे गैर-इंटरैक्टिव माध्यम में किया जाना है, तो आपको अवगत होना चाहिए कि कैनवास तत्व जिसे गतिशील रूप से अपडेट किया गया है, आप उम्मीद के अनुसार मुद्रित नहीं हो सकते हैं। आपको वर्तमान सामग्री या फ़ॉलबैक सामग्री का प्रिंट मिल सकता है।