या घटकांमुळे इतर तंत्रज्ञानांपेक्षा फायदे आहेत
HTML5 मध्ये कॅन्वस नामक एक रोमांचक घटक समाविष्ट आहे त्यात बरेच उपयोग आहेत, परंतु ते वापरण्यासाठी आपल्याला काही JavaScript, HTML आणि कधीकधी सीएसएस जाणून घेण्याची आवश्यकता आहे.
हे अनेक डिझाइनरसाठी कॅन्व्हॅस घटक काही कठीण बनविते आणि खरेतर, जास्तीत जास्त माहिती नसल्यास काॅन्ज अॅनिमेशन आणि खेळ तयार करण्यासाठी विश्वसनीय साधने नसताना बहुतेक घटक दुर्लक्ष करतील.
कशासाठी HTML5 कॅनव्हास वापरले जाते
एचटीएम 3 CANVAS घटक बरेच काही वापरता येऊ शकतात ज्यात पूर्वी ऍम्बेस्टेड ऍप्लिकेशन्सचा वापर केला गेला जसे फ्लॅश निर्माण करण्यासाठी:
- डायनॅमिक ग्राफिक्स
- ऑनलाइन आणि ऑफलाइन गेम
- अॅनिमेशन
- परस्पर संवादी व्हिडिओ आणि ऑडिओ
खरं तर, लोक काँवसचा वापर करतात याचे मुख्य कारण म्हणजे साधा वेब पृष्ठ डायनॅमिक वेब ऍप्लिकेशन मध्ये चालू करणे आणि स्मार्टफोन आणि टॅब्लेटवर वापरण्यासाठी ते ऍप्लिकेशन्स मोबाइल एपमध्ये बदलणे किती सोपे आहे.
जर आपल्याकडे फ्लॅश असेल तर आम्हाला कॅनव्हासची गरज का आहे?
HTML5 तपशीलांनुसार, कॅन्वस तत्व खालीलप्रमाणे आहे:
"... एक ठराव-आधारित बिटमैप कॅनव्हास, ज्याचा उपयोग ग्राफवरील ग्राफ, गेम ग्राफिक्स, कला किंवा इतर व्हिज्युअल प्रतिमेसाठी केला जाऊ शकतो."कॅन्वस घटक आपल्याला रिअल टाईममध्ये वेब पृष्ठावर आलेखा, ग्राफिक्स, गेम, कला आणि इतर व्हिज्युअल काढू देते.
आपण असा विचार करीत असाल की फ्लॅशशी आम्ही आधीच करु शकतो, परंतु कॅन्वस आणि फ्लॅश दरम्यान दोन मुख्य फरक आहेत:
- HTML मध्ये काँवस घटक योग्यरित्या एम्बेड केला आहे त्यावर ड्रॉ करणार्या स्क्रिप्ट्स एकतर HTML किंवा एका लिंक केलेल्या बाह्य फाईलमध्ये आहेत. याचा अर्थ CANVAS घटक दस्तऐवज ऑब्जेक्ट मॉडेलचा एक भाग आहे, किंवा DOM
- फ्लॅश एक एम्बेडेड बाह्य फाईल आहे ते EMBED किंवा OBJECT घटक प्रदर्शित करण्यासाठी वापरते, आणि इतर HTML घटकांसह थेट संवाद साधू शकत नाही. CANVAS घटक DOM चा भाग असल्याने, तो DOM सह अनेक प्रकारे संवाद साधू शकतो.
- उदाहरणार्थ, आपण पृष्ठाचे काही भाग ज्यांच्याशी संवाद साधता तेव्हा बदलणारे अॅनिमेशन तयार करू शकता - जसे की फॉर्म एलिमेंटमध्ये भरले जात आहे. फ्लॅशसह, आपण जितके करू शकता तितके फ्लॅश मूव्ही किंवा अॅनिमेशन सुरू करणे शक्य होते परंतु कॅन्वस आपण अनेक वेगवेगळ्या प्रभावांचा निर्माण करू शकता, तसेच एनीमेशन मध्ये प्रपत्र क्षेत्रातील मजकुर जोडणे.
- कॅन्वस घटक वेब ब्राउझरद्वारे स्थानिकरित्या समर्थित आहे वापरकर्त्यांना फ्लॅश वापरण्यासाठी क्रमाने, त्यांच्या ब्राउझरमध्ये प्लगइन स्थापित असणे आवश्यक आहे हे बहुतेक लोक कालबाह्य फ्लॅश स्थापनामुळे किंवा त्यांच्या ऑपरेटिंग सिस्टीमने त्यास समर्थन देत नसल्याबद्दल अडचण होते.
- प्रत्येक ब्राऊजरमध्ये प्लगइन स्थापित होता हे तो वापरले जात होता परंतु हे आतापर्यंतचे नव्हते, आणि बर्याच अडचणीमुळे प्लगिन काढून टाकत आहेत तसेच, हे लोकप्रिय iOS प्लॅटफॉर्मवर देखील उपलब्ध नाही.
कॅनव्हास उपयोगी आहे जरी आपण फ्लॅश वापरण्यासाठी कधीही नियोजित केले नाही तरीही
काँवस घटक इतका गोंधळ का आहे याचे मुख्य कारण म्हणजे अनेक डिझाइनर पूर्णपणे स्थिर वेबवर वापरले गेले आहेत प्रतिमा अॅनिमेट केलेली असू शकतात, परंतु हे GIF च्या सहाय्याने केले जाते आणि अर्थातच आपण पृष्ठांमध्ये पृष्ठे एम्बेड करू शकता परंतु पुन्हा, हे स्थिर व्हिडिओ आहे जे फक्त पृष्ठावर बसते आणि कदाचित संवाद साधल्यामुळे किंवा प्रारंभ झाल्यास थांबावे, परंतु हे सर्व आहे
कॅन्वस घटक आपल्याला आपल्या वेब पृष्ठांवर इतक्या जास्त आंतरक्रियाशीलता जोडण्यास परवानगी देते कारण आता आपण स्क्रिप्टिंग भाषेसह ग्राफिक्स, प्रतिमा आणि मजकूर गतिमान नियंत्रित करू शकता. कॅन्वस घटक प्रतिमा, फोटो, चार्ट आणि आलेख अॅनिमेटेड घटकांमध्ये चालू करण्यात मदत करते.
कॅनव्हास एलिमेंट वापरून विचार करता
CANVAS घटक वापरायचे की नाही हे ठरविताना आपले प्रेक्षक प्रथम विचारात असतील.
जर आपले प्रेक्षक प्रामुख्याने Windows XP आणि IE 6, 7 किंवा 8 वापरत असेल तर डायनॅमिक कॅन्व्हास वैशिष्ट्य तयार करणे निरर्थक ठरणार आहे कारण त्या ब्राउझरने त्याचा पाठपुरावा केला नाही.
आपण केवळ Windows मशीनवर वापरले जाणारे अनुप्रयोग तयार करत असल्यास, फ्लॅश कदाचित आपला सर्वोत्तम पैज असू शकतो सिल्व्हरलाईट ऍप्लिकेशनमुळे विंडोज व मॅक कॉम्पुटरवर वापरण्यासाठी एक ऍप्लिकेशन वापरू शकेल.
तथापि, जर आपला अनुप्रयोग मोबाईल डिव्हाइसेसवर (अँड्रॉइड आणि iOS दोन्ही) तसेच आधुनिक डेस्कटॉप संगणकांवर (अद्ययावत ब्राऊझरच्या आवृत्तीत अद्ययावत) पाहण्याची आवश्यकता असेल तर, नंतर कॅन्वस घटक वापरणे ही एक चांगली निवड आहे
लक्षात ठेवा की या घटकाचा उपयोग करुन आपण जुन्या ब्राऊझरसाठी फेटबॅक पर्याय जसे की स्थिर फोटोंसाठी परवानगी देतो जी त्याच्यास समर्थन देत नाहीत.
तथापि, प्रत्येक गोष्टीसाठी HTML5 कॅनव्हास वापरणे शिफारसित नाही आपण आपला लोगो, मथळा किंवा नेव्हिगेशन यासारख्या गोष्टींसाठी कधीही वापरू नये (यातल्या कोणत्याहीपैकी एखाद्या भागाचे अॅनिमेट करण्यासाठी ते वापरणे योग्य असेल).
विनिर्देशानुसार, आपण जे घटक तयार करण्याचा प्रयत्न करत आहात त्यासाठी सर्वात योग्य घटकांचा वापर करावा. म्हणून HEADER घटक वापरून प्रतिमा आणि मजकूरासह आपल्या हेडर आणि लोगोसाठी कॅन्वस घटकांपेक्षा श्रेयस्कर आहे.
तसेच, आपण वेब पृष्ठ किंवा अनुप्रयोग तयार करत असाल ज्यात छपाईसारख्या विना-परस्परसंवादी माध्यमामध्ये वापरण्याचा उद्देश आहे, आपण याची जाणीव असावी की गतिमानितपणे अद्यतनित केलेले CANVAS घटक प्रिंटची अपेक्षा करत नाही. आपल्याला कदाचित वर्तमान सामग्री किंवा फॉलबॅक सामग्रीची एक प्रिंट मिळू शकेल.