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