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