Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

क्या HTML5 केवल Flash/Silverlight के वीडियो पहलुओं को प्रतिस्थापित करता है?


Flash एनिमेशन के लिए अद्भुत GUI और कई विज़ुअल सुविधाएं प्रदान करता है। यह उपयोगकर्ता को ब्राउज़र में लिपटे एक विशेष प्लेटफॉर्म के अंदर सब कुछ बनाने की अनुमति देता है, जिसका मुख्य दायरा मल्टीमीडिया और अन्य प्रकार के एनिमेशन हैं।

HTML5 एलिमेंट <canvas> आपको JavaScript का उपयोग करके ग्राफिक्स बनाने का एक आसान और शक्तिशाली तरीका देता है। इसका उपयोग ग्राफ़ बनाने, फोटो संरचना करने या सरल (और इतनी सरल नहीं) एनिमेशन करने के लिए किया जा सकता है।

यहां एक सरल <canvas> एलिमेंट है जिसमें केवल दो विशिष्ट एट्रिब्यूट्स चौड़ाई और ऊंचाई हैं, साथ ही id, name, और class जैसे सभी कोर HTML5 एट्रिब्यूट्स भी हैं।

<canvas id = "mycanvas" width = "100" height = "100"></canvas>

Canvas को अब मुख्य माना जाता है और Flash पुराना हो चुका है। Canvas के साथ, आप आकृतियों को एनिमेट कर सकते हैं, स्केल, ट्रांसफॉर्म आदि कर सकते हैं।


  1. - HTML5 Canvas ट्रांसफॉर्मेशन

    HTML5 Canvas उन मेथड्स को प्रदान करता है जो ट्रांसफॉर्मेशन मैट्रिक्स में सीधे संशोधन की अनुमति देते हैं। ट्रांसफॉर्मेशन मैट्रिक्स प्रारंभ में पहचान ट्रांसफॉर्म होना चाहिए। इसे फिर ट्रांसफॉर्मेशन मेथड्स का उपयोग करके समायोजित किया जा सकता है। उदाहरण आइए Canvas ट्रांसफॉर्मेशन का एक उदाहरण देखें: <

  1. - IE में HTML5 कैनवास एलिमेंट का उपयोग कैसे करें?

    ExplorerCanvas (excanvas.js) पुराने इंटरनेट एक्सप्लोरर संस्करणों (IE 6-8) में HTML5 <canvas> तत्व का मूल समर्थन नहीं था। ExplorerCanvas (excanvas.js) एक जावास्क्रिप्ट लाइब्रेरी है जो VML (वेक्टर मार्कअप लैंग्वेज) का उपयोग करके इन ब्राउज़र्स में कैनवास कार्यक्षमता जोड़ती है। 📝 ऐतिहासिक संदर

  1. - HTML5 कैनवास पर @font-face के साथ टेक्स्ट ड्रा करना पहली बार काम नहीं करता

    समस्या: फॉन्ट लोडिंग रेस कंडीशन जब @font-face के माध्यम से लोड किए गए फॉन्ट के साथ कैनवास पर टेक्स्ट ड्रा किया जाता है, तो ब्राउज़र द्वारा फॉन्ट पूरी तरह लोड होने से पहले ड्रॉइंग होने पर टेक्स्ट डिफ़ॉल्ट/फॉलबैक फॉन्ट में रेंडर होता है। समाधान 1: Document Fonts API (आधुनिक, अनुशंसित) <!DOCTYPE h